以上是以创建颜色样式来给大家举例,其他的文字样式、效果样式也是同样的方法。

组件的命名
样式命名对于共享样式库的显示顺序十分重要,你可以通过斜线分隔命名的方式来给它们归类。比如说你可以设置一系列的警告颜色,都以 error/ 开头,再设置一组排版文字的颜色,都以 Text/ 开头,这样它们就会被自动归类,方便你在使用时查找。

组件类型

主组件
在左边图层列表内显示为紫色的,图标为四个菱形组成的图形。它作为主组件,它的变化会实时同步到它所有的实例组件中,有时也称之为父组件。

实例组件(Instance)

对着主组件接着按下 Cmd D 复制的元素,它们在左侧图层列表内显示为紫色的空心菱形。它们作为主组件的引用,会自动同步主组件的各个属性变动。一个主组件可以有多个实例组件,有时我们也称其为子组件。实例组件有以下特点:

  • 可以修改很多属性,比如背景色、文字内容、布局间距等,修改的属性不会再跟着主组件同步;
  • 图层结构不可以改动,也不可以删除图层,按删除键不会删除而是隐藏图层;
  • 内部图层尺寸不可以改,但是实例组件整体的尺寸可以更改。
  • 实例的编辑可以逆向覆盖。只要在实例替换面板中点选 Push overrides to main component,即可将当前的实例属性同步给母版及所有的实例。