摹客教程

摹客教程

摹客,让设计更快更简单

标注

Mockplus中,标注智能生成,方便查看。(注:锁定的组件和弹出类组件不参与标注)

 

标注模式

1、无选中标注

未选中任何组件时,按住Ctrl键,鼠标经过某个组件,会自动生成该组件与边界间的距离标注。

无选中标注

 

2、选中标注

当单选或多选组件后,按住Ctrl键,鼠标经过某个组件,会自动生成选中组件与该组件间的距离标注。(注:多选的组件会被视为一个整体,生成的标注是这个整体区域与其它组件间的距离)。

选中标注

 

3、拖动组件标注

当拖动单选或多选组件时,会自动生成当前拖动组件与周围最近有对齐关系组件的边界距离标注。(注:多选的组件会被视为一个整体,生成的标注是这个整体区域与其它组件间的距离)。

拖动标注

 

4、克隆组件标注

拖拽克隆组件时,会同时生成当前位置与源位置间的距离标注,及选中源的整体尺寸。(注:快捷键:Alt +鼠标拖动(Mac:option+鼠标拖动))。

克隆标注

 

在拖拽过程中,当检测到某个方向上有其它等间距的组件时,会同时标注这些等间距值。

等距

 

 

相关阅读: