美文网首页app设计、原型、code
【Mockplus教程】标尺和参考线

【Mockplus教程】标尺和参考线

作者: huaer | 来源:发表于2015-10-29 14:53 被阅读631次

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

    1. 使用标尺

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

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

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

    2. 使用对齐线

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

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

    完整操作如下:

    相关文章

      网友评论

        本文标题:【Mockplus教程】标尺和参考线

        本文链接:https://www.haomeiwen.com/subject/saqfhttx.html