教程 > 基础教程 > 常用编辑操作

常用编辑操作

编组

将多个组件合并在一起,并进行操作是很常见的需求,在Mockplus中可以通过“组”(Group)来实现。

使用组

选中多个组件后,点击鼠标右键菜单“合并为组”,或者选中之后直接使用快捷键(Ctrl+G),可以将多个组件合并为组。

也可以选中组件后,点击顶部菜单栏上的“合并为组”图标。

1.png

编辑组

双击组可以进入组的编辑状态,此时除了组的内容外,其它组件会被冻结,你只能编辑组的内容,点击其它地方会结束编辑状态。

在编辑状态下可以改变组内组件的属性,如样式、大小、位置等,如果改变组件的位置那么组的大小也会自动改变。

嵌套组

组之间可以相互嵌套,被嵌套的组也可以编辑、解散,操作方式和正常的组相同。

解散组

选中对应组之后,可以通过鼠标右键菜单的“解散组”来解散;或者在选中组时使用快捷键(Ctrl+G)来解散组。同样,也可以通过点击顶部菜单栏的“解散组”图标来解散组。

注意,弹出类组件不能和其他组件合并为组。

选定

Mockplus中可以单选或多选组件,具体方式如下:

单选组件

鼠标单击组件,组件周围出现选定框,组件被选定;

按下鼠标拖动,覆盖组件,可以框选组件(可在“选项”->“编辑”中进行偏好设置)。

多选组件

按住Shift键或Ctrl键,点击多个组件,可以选中多个组件;

按下鼠标拖动,覆盖多个组件,可以框选多个组件。

全选组件

全选页面上所有组件,快捷键: Ctrl+A;

取消全选,点击页面上空白处,快捷键:Ctrl+Shift+A。

通过大纲树来选中组件

点击大纲树列表中的组件名称,可以选中对应组件;

按住Shift键或Ctrl键,点击列表中多个组件名称,来选中多个组件。

移动

组件的移动有多种方式可以实现,具体如下:

鼠标拖动

选中组件后,直接拖动组件实现移动。

快捷键移动

选中组件后,通过快捷键 Up / Down / Left / Right 来移动组件。

快速移动

按住Shift键,通过快捷键 Up / Down / Left / Right 可以快速移动组件。

水平或垂直移动

拖动组件时,按住Shit键,组件只能水平或垂直移动。

设置坐标

在属性面板的X与Y坐标中,输入数值,来改变组件的位置。

移动-3.png

缩放

组件可以进行任意缩放或等比例缩放,具体方式如下:

任意缩放

选中组件,拖动选框四个角上的圆点,可以任意缩放组件尺寸,同时中间会显示组件尺寸信息。

缩放-1.gif

等比缩放

选中组件,按住Shift,拖动选框四个角上的圆点,等比例缩放组件尺寸。

缩放-2.gif

设置尺寸

除了以上两种直接拖动组件的方式缩放,还可在右侧属性面板的尺寸信息上,直接输入尺寸数值,或点击数值旁边的小箭头图标,来修改组件尺寸。

缩放-3.png

约束组件

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

标尺与参考线

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

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

参考线-1.png

设置标尺选项。

参考线-2.png

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

添加和删除参考线。

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

对齐与等距

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

等宽与等高

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

替换文字

替换文字功能可以对页面或项目中,指定文字进行一次性批量替换,非常方便快捷,它适用于所有带有文字的组件(包括母版)。

选择替换文字:主菜单 -> 替换文字

替换文字-1.png

在弹出的窗口中,分别输入“查找”和“替换为”的文字,可选择“当前页面”或“所有页面”,最后点击“替换”或按Enter键,文字就替换成功了。

注意:文字替换后,替换结果是不能被撤销的。

替换文字-2.png

 

上一章节 项目
下一章节 交互设置