覆盖子符号

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

选中这个小图标 .. 点击 Create Symbol ,创建一个符号 ... 点击 ok ... 用同样的方法,我们把其它的小图标也都转换成符号 ...

然后再选中这个小图标群组 ... 还有下面这个工具栏的背景图层 .. command + G ... 把它们放到一个群组里 .. 重新再起个名字 ...

再把它也转换成一个符号 ... 这样这个 nav bar 符号里面又会包含一些,就是这些小图标 ...

打开这个 Symbols 页面 ... 这里会显示我们创建的所有的符号 ..

找到这个 face 小图标 ... 复制一份 .. 再选中上面这个 brush ... 也复制一份 ... 选中这个复制品 ... 设置一下它的填充颜色 ...

再选中这个新复制的画笔符号 ... 同样去修改一下它的填充颜色 ...

然后再去重命名一下新复制的这两个符号 ... 名字里面我们可以加上一个 active 后缀 ...

回到页面 ... 选中这个 nav bar 符号 .. 在 Overrides 的下面找到 face .. 打开下拉菜单 .. 选择 face active ... 使用不同颜色的小图标 ... 可以告诉用户当前的活动页面 ...

这个 nav bar 符号你可以在其它的页面上重复的使用 ... 比如在这个画笔页面上 ... 我们可以先 face 设置成 face ... 然后把这个 brush ... 设置成 brush active ...

使用这种覆盖符号的方法,你可以更灵活的去使用符号 ...

覆盖子符号《 Sketch:设计工具 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点