【Mockplus教程】标尺和参考线

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

 

1. 使用标尺

 

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

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

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

【Mockplus教程】标尺和参考线

 

 

2. 使用对齐线

 

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

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

完整操作如下:

【Mockplus教程】标尺和参考线

原创文章,作者:yanz kontol,如若转载,请注明出处:https://www.iamue.com/9049/

(0)
yanz kontolyanz kontol
上一篇 2015-08-31
下一篇 2015-08-31

相关推荐

  • Mockplus原型交互跟我做之8 - 使用交互状态,快速搞定简单交互

    Mockplus交互 = 页面链接 + 组件交互 +交互状态。

    2016-02-18
  • [Mockplus教程]如何批量导入图片到收藏夹中?

    有项目打开时,定位到“我的收藏”的“图片”选项,在下拉菜单选择“批量导入图片”, 根据提示选择导入图片。 完整演示如下:

    Mockplus 2015-09-18
  • 【Mockplus教程】收藏和重用

    1. 制作模板   选择需要制作为模板的页面,鼠标右击,弹出的菜单中选择“加入到模板收藏”,然后选择相应 的模板库,如果没有模板库会提示新建一个。 加入成功之后会在左边模板收藏栏中看到模板页面的缩略图。 &…

    Mockplus 2015-08-31
  • 【Mockplus教程】怎样在Mockplus中使用图片轮播?

      1、创建移动项目 2、从交互分类中添加一个图片轮播组件 3、点击图片轮播组件上小工具条上的图片选择按钮 4、选择一张或多张图片。(这里只会把对话框中勾选中的图片加载到图片轮播组件中,可以点击每张图片上…

    2015-10-28
  • [Mockplus教程]分组

    为了更好的管理和组织多个页面,可以选择将页面分组。 选择多个页面,然后使用右键点击后,在弹出的菜单中选择“将页面归类到新分组”。 完整演示如下:

    Mockplus 2015-09-18
  • 【Mockplus教程】备注

    每个页面都可以添加备注信息,打开需要添加或者查看备注信息的页面, 在页面节点上面鼠标右击,弹出菜单中选择“页面属性”一项,如下图: 在弹出的对话框中,即可查看备注或者编辑备注,编辑好备注之后点击“应用”按…

    Mockplus 2015-08-31
  • 【Mockplus官方教程】mockplus为什么在Windows XP上无法安装?

    此前微软官方已经声明不再维护Windows XP系统, Mockplus出于长远考虑,决定不支持XP系统以腾出精力积极支持Windows 7 / 8 / 10。 对于还在使用Windows XP系统的用户,可以使用Mockplus  Web轻便版来做原型设计。 …

    2015-07-31
  • 【Mockplus教程】页面属性

    每个页面都具有独自的属性,通过页面属性对话框可以设置 页面的背景、统一字号以及相应平台的页面尺寸等。 打开需要添加或者查看备注信息的页面,在页面节点上面鼠标右击, 弹出菜单中选择“页面属性”一项,如下图:…

    Mockplus 2015-08-31
  • Mockplus原型交互跟我做之1-30秒做一个自动消失的消息框(Toast)

    从现在做,跟我一起来认识Mockplus的交互。 Mockplus的交互,非常简单、直观、容易上手。你所需要做的,只是拖一拖鼠标,然后几步设置而已。 当然,只要你愿意,还可以实现强大的交互效果。 不废话,先来做一个,试…

    2016-01-18
  • 【Mockplus教程】复制/克隆

    复制是将页面复制到内存中,克隆是直接创建一个和原页面内容一样的新页面。 1. 复制 选中需要复制的页面,鼠标右键单击,弹出的菜单中选择“复制”, 然后在需要粘贴的位置鼠标右击,在弹出的菜单中选择“粘贴”。 2. …

    Mockplus 2015-09-10