sketch如何编辑元件?有哪些编辑方法?

sketch中的元件是一种特殊的组,通过它你可以在画板和页面之间复用元素,元件会以紫色同步按钮图标显示在图层列表中 。在sketch中我们可以有两种编辑元件的方法,一是可以通过进入主元件进行编辑,或通过编辑独立的、使用重写的实例 。下面小编来为大家具体讲解一下这两种方法是如何编辑元件的 。

sketch如何编辑元件?有哪些编辑方法?

文章插图
编辑主元件
· 首先我们需要双击进入原件以编辑元件内容 。
· 一是可以直接进入主元件内部进行编辑;或者如果将主元件放在元件页,那么可以进去该页面在这个画板中编辑它 。
· 在主元件内部的任何修改步骤都会实时反馈在文档中,修改之后点击界面左上角的返回实例(Return to Instance),即可返回主界面查看效果 。
当需要编辑的内容比较复杂、带有大量重复内容的文档时,元件可以帮助我们节省大量的时间和步骤 。
【sketch如何编辑元件?有哪些编辑方法?】重写
· 当我们选中一个包含文本或位图图层的元件实例时,可以通过属性检查器中的【重写(Override)】进行编辑 。
· 通过重写选项,我们可以重写元件中的文本图层、位图和位图填充图层,还有实例的不透明度和叠加选项 。
· 我们可以在重写选项中独立的更新每个元件内容 。
· 当我们需要重写位图内容时,需要在主元件中放入位图图层,或位图填充图层 。
· 我们可以选中实例后在属性检查器中点击【选择位图(Choose Image)】或者直接从 Sketch 之外拖拽位图到此区域即可 。
· 当重写文本图层时,它的长度可能会发生变化,Sketch正是考虑到这一点,所以会有自动改变图层的高度、跟随文本图层后其它元素的位置这些智能化的功能 。不管我们输入任何文字内容,都可以很好的适配界面内容 。
以上就是关于sketch如何编辑元件的两种方法和步骤,大家可以根据不用的情况选择方法进行元件编辑操作 。

    推荐阅读