在我的这个设计里面,有两个地方用到了一样的标志,这种重复使用的东西我们可以把它们定义成组件,需要的时候就在设计里使用组件,这样对组件做修改的时候,所有使用了这个组件的地方都会跟着一块儿改。
现在这两个标志相互不受影响,可以这样试一下,不断双击选中这个标志里的文字部分,然后把它删除掉,你会发现右边这个标志仍然是原来的样子,因为现在它们是两个独立的东西。
下面我们可以基于这个标志创建创建一个组件,选中这个标志,然后点击右键,在弹出的菜单里可以选择 制作组件,这个动作有个快捷键,就是这个 command + K 。
或者也可以点击右边栏上的这个组件后面的 加号 小图标,这样也可以基于选中的东西创建一个组件。在文档里创建的组件,你可以在 资源 这里找到。这里你会发现这个 Logo 组件。
鼠标放在这个组件的上面,会显示这个组件现在有一个实例。 下面可以选中 列表 画板 上的这个标志,按下 delete 键,把它从画板里删除掉。
在 资源 里找到这个 Logo 组件,直接把它拖放到这个列表画板的上面。 再调整一下这个标志的位置。现在这个标志组件就有两个实例了。
选中蒙版画板里的这个标志组件,绿色边框说明选中的是个组件,在左上角这里会有一个实心的菱形,说明当前选中的是 主组件。
再选中右边这个画板里的这个标志组件,你会发现这个左上角的菱形是空心的,这就是主组件还有一般的组件的区别。
要编辑这个组件,可以直接编辑这个主组件。 不断双击,直到选中这个标志里的图形部分。 然后选中右边栏上的这个旋转,按住 shift 键,使用上下方向键,可以调整旋转角度。
这次你会发现,旋转主组件里的这个图形标志,所有这个组件的实例也都会跟着旋转。就是修改了主组件,会影响到所有这个组件的实例。