天天看点

【Mockplus教程】标尺和参考线

每个页面都拥有单独的标尺和参考线,可以用于辅助组件的对齐以及尺寸调整。

1. 使用标尺

新建页面之后,在主菜单中选择“显示标尺”即可看到工作区左边和上边显示出

标尺。标尺有两种显示方式:百分比和像素,可以根据需要进行切换。只需要在

标尺上面鼠标右击即可看到切换显示方式的菜单,如图:

https://link.jianshu.com?t=http://doc.mockplus.cn/wp-content/uploads/2015/06/2015-06-30_165131.png
【Mockplus教程】标尺和参考线
2. 使用对齐线

鼠标左键点住标尺,然后向工作区内部移动,就会出现一根相应方向(横向/纵向)的对齐线。

在移动组件过程中,靠近对齐线时会自动吸附上去,保持对齐。

完整操作如下:

https://link.jianshu.com?t=http://doc.mockplus.cn/wp-content/uploads/2015/06/guideline_ruler.gif
【Mockplus教程】标尺和参考线

继续阅读