编辑元件

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

 

编辑主元件

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

 

你在主元件中的任何修改都会实时反应在文档中,在完成你需要的修改后,点击面板左上角的“Return to Instance”,即可返回主界面查看效果。

symbols-return

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

 

Overrides(重写)

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

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

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