界面右侧为标注属性面板。
属性面板上半部分,详细地展示了标注信息。一般包括:图层名、位置信息(左/上)、尺寸(宽度/高度)、组件源名称、边距(左/右/上/下)、边框、不透明度、渐变色、内阴影、高斯模糊;如果是文本内容,还包括:内容、字体、字体大小、字重、行高、字间距、对齐、颜色。
点击数值,可一键复制。
点击搜索图标,可查找设计稿内重复的元素。
标注面板下半部分,展示了样式代码。点击“复制代码”,即可一键复制。
一键复制CSS / Android / Objective-C / Swift代码
开发模式中,只需选中图层,在属性面板右下角,就可以自动生成CSS、Android、Objective-C、Swift的代码,一键复制即可投入使用。
常见问题
当设计稿中存在富文本时,如何查看不同样式的属性?
选中图层,右侧属性面板“文本选择”这一栏下方,可以通过切换不同样式的内容,来查看各自的属性。