编辑元件

有两种编辑元件方法,可通过进入主元件来编辑它,或通过编辑独立的、使用重写(Overrides)的实例。

编辑主元件

要编辑一个元件内容,可双击进入这个元件,直接进入主元件内部进行编辑。如果你将主元件放在元件(Symbols)页,你还可通过手工方式进入该页面,在这个画板中编辑它。

在主元件中的任何修改都会实时反馈在文档中,在完成需要的修改后,点击工作区左上角的返回实例(Return to Instance)即可返回主界面查看效果。

当编辑比较复杂、带大量重复内容的文档时,元件可节省大量时间。例如,当元件中包含文本图层,你可在主元件直接修改文本图层的属性,或选中此元件后,使用重写(Overrides)功能直接在属性检查器分别设置元件中内容。在下面的内容里会讲解重写(Overrides)的使用方法。

重写

当选中一个包含文本或位图图层的元件实例,在属性检查器中会发现重写(Override)选项。在重写选项中可重写元件中的文本图层、位图和位图填充图层,还有实例的不透明度和叠加选项。重写选项允许独立的更新每个元件内容。如果此元件没有重写选项,将会在属性检查器中看到默认的主元件属性选项,查看下面的视频以快速了解此功能。

重写位图内容,需要在主元件中放入位图图层,或位图填充图层。选中实例后在属性检查器中点击选择位图(Choose Image)或直接从 Sketch 之外拖拽位图到此区域即可。当需要保持设计样式的一致,但里边内容不同时,这是一种非常好的修改方式。

重写文本图层时,它的长度可能会发生变化。因此,Sketch 会自动改变图层的高度,及跟随文本图层后其它元素的位置,不管输入任何文字,都可很好的适配界面内容。