Shared Style:共享样式

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

现在我要把右边这个按钮的样式应用到左边的这个按钮上 .. 可以这样 ... 先选中右边这个按钮的圆角矩形背景 .. 右键 ... Copy Style ,复制样式 ..

再选中左边的这个按钮的背景 ... 右键 ... Paste Style ,粘贴样式 ... 这样就可以把复制的样式应用到选中的这个图形上了 ..

再选中右边按钮的文字 ... 复制一下样式 ... 然后选中左边的按钮文字 ... 粘贴样式 ... 同样可以把复制的文字样式应用到这里 ...

如果这种样式在我们的设计里经常会用到,可以把它定义成 Shared Style,共享样式 ... 选中右边按钮的背景 .. 在右边的 inspector 里面,点一下 No Shared Style 这个下拉菜单 ... 选择 .. Create New Shared Style .. 创建新的共享样式 .. 给它起个名字 .. Primary Button Background ..

再选中这个按钮上的文字 ... 新建一个共享样式 ... 名字是 Primary Button Text ..

然后选中左边的这个按钮的背景 .. 打开共享样式列表 ... 这里会出现之前我们创建的 Primary Button Background .. 选中它 ..

会把样式应用到选中的图形上 ..

再选中这个按钮上的文字 ... 打开共享样式列表 .. 选择 Primary Button Text ... 这样就会把在这种共享样式里定义好的样式应用到所选的文字的上面 ..

我们可以管理自己创建的这些共享样式,打开这个共享样式列表,Organize Shared Styles .. 这里会出现我们创建的 Layer Styles ,还有 Text Styles ...

再选中一个应用了共享样式的元素,修改一下样式 .. 这里我打算使用纯色的按钮 .. 这样在这个共享样式的后面,会出现一个更新按钮 .. 点一下它 ... 可以更新我们创建的 Primary Button Background 这个共享样式 ...

你会发现,所有应用了这个共享样式的地方,都会有一些变化 ... 这里就是会使用我新设置的纯色的填充 ...

Shared Style:共享样式《 Sketch:设计工具 》

统计

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

社会化网络

关于

微信订阅号

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