摹客 Mockplus

摹客 Mockplus

让设计更快更简单

约束组件

对组件的约束,可以帮助我们批量设置多个组件的宽高、对齐以及距离,快速布局页面中的组件。

标尺与参考线

在主菜单中显示标尺与参考线。

快捷键:显示/隐藏标尺:Ctrl+R;显示/隐藏参考线:Ctrl+H。

参考线-1.png

设置标尺选项。

参考线-2.png

设置参考线颜色:主菜单 -> 选项 -> 编辑。

参考线-3.png

添加和删除参考线。

参考线-4.gif

也可通过右键菜单删除参考线。

参考线-5.png

对齐与等距

选中多个组件,在右边属性面板上,可以设置多个组件的对齐方式和等距。

组件约束-5.png

等宽与等高

选中多个组件,在右边属性面板上,可以设置多个组件等宽或等高。

组件约束-6.png

 

 

相关阅读:


MockplusMockplus,100万产品经理和设计师的选择
免费下载Mockplus,开始你的设计!