教程 > 标注 > 标注属性面板

标注属性面板

界面右侧为标注属性面板。

属性面板上半部分,详细地展示了标注信息。一般包括:图层名、位置信息(左/上)、尺寸(宽度/高度)、边距(左/右/上/下)、边框、不透明度、渐变色、内阴影、高斯模糊;如果是文本内容,还包括:内容、字体、字体大小、字重、行高、字间距、对齐、颜色。

点击数值,可一键复制。

点击搜索图标,可查找设计稿内重复的元素。

标注面板下半部分,展示了样式代码。点击“复制代码”,即可一键复制。

一键复制CSS / Android / Objective-C / Swift代码

开发模式中,只需选中图层,在属性面板右下角,就可以自动生成CSS、Android、Objective-C、Swift的代码,一键复制即可投入使用。

常见问题

当设计稿中存在富文本时,如何查看不同样式的属性?

选中图层,右侧属性面板“文本选择”这一栏下方,可以通过切换不同样式的内容,来查看各自的属性。