页面快捷操作
为了提升的搭建页面的效率，提供相关快捷操作。
页面编辑操作
| 操作名称 | 快捷键 | 工具栏/功能按钮 | 功能描述 | 备注 |
|---|---|---|---|---|
| 保存 | Ctrl+S | √ | 保存所有画面最新配置 | 1、自动保存当前画面更新内容； 2、提供手动保存按钮确认保存； 3、提示保存结果； |
| 新建 | —— | —— | 新建组件到画布上 | 1、从组件箱鼠标拖拽组件到画布上，松开时鼠标位置为创建位置； |
| 复制 | Ctrl+C | √ | 复制选中组件 | 1、复制内容组件的当前配置参数（右侧配置表单），包括核心属性、文本、外观、权限控制、锁定、等比例、隐藏； 2、复制内容还包括组合关系； 3、复制内容可跨画面粘贴； 4、多次进行复制操作时，只保留最新的复制内容； |
| 粘贴 | Ctrl+V | √ | 粘贴剪切板内容 | 1、复制后直接粘贴时，粘贴位置整体往右、往下各偏移10像素； 2、粘贴内容为图片时，粘贴的组件类型为图片，粘贴位置为画布左上角； |
| 剪切 | Ctrl+X | √ | 删除选中组件，复制选中组件 | 1、剪切后组件处于待删除状态，在粘贴后才执行删除动作； |
| 撤销 | Ctrl+Z | √ | 撤销单步生效操作 | 1、生效操作包括组件任何属性，短时间内大量属性变更时，会自动过滤优化记录内容； 2、撤销后再重新进行操作，恢复队列会被清空重新记录； |
| 恢复 | Ctrl+Y | √ | 恢复单步生效操作 | |
| 删除 | Delete | —— | 删除选中组件 | —— |
| 拖拽复制组件 | Alt + 鼠标 | —— | 快速复制粘贴选中组件 | —— |
| 预览 | ALT+P | √ | 启动运行客户端，加载当前页面 | —— |
| 运行 | Ctrl+P | √ | 启动运行客户端，加载当前工程 | —— |
页面查看操作
| 操作名称 | 快捷键 | 工具栏/功能按钮 | 功能描述 | 备注 |
|---|---|---|---|---|
| 画布缩小 | Ctrl+ - | √ | 缩小画布展示尺寸 | 1、调整画布展示尺寸，每次调整为画布比例列表的选项上/下切换； |
| 画布放大 | Ctrl+ + | √ | 放大画布展示尺寸 | |
| 画布还原 | Ctrl+0 | √ | 还原画布展示尺寸为100% | |
| 画布放大/缩小 | Ctrl+鼠标滚轮 | —— | 快捷调整画布展示尺寸 | |
| 适应画布 | Ctrl+ 1 | √ | 快速查看整体效果 | 快捷调整画布展示为页面全部内容 |
| 缩放至选区 | Ctrl+ 2 | √ | 快速查看局部效果 | 快捷调整画布展示为页面选区内容 |
| 画布垂直移动 | 鼠标滚轮 | —— | 垂直滚动查看画布 | 1、画布大小超出编辑区域时，提供对应方向的滚动条； |
| 画布水平移动 | Shift+鼠标滚轮 | —— | 水平滚动查看画布 | |
| 画布任意移动 | Space+鼠标拖拽 | —— | 任意查看画布 | 1、按住Space时，禁用画布其他操作； |
组件选中与操作
| 操作名称 | 快捷键 | 工具栏/功能按钮 | 功能描述 | 备注 |
|---|---|---|---|---|
| 单选 | 鼠标点击 | —— | 单选组件 | |
| 多选 | Ctrl+鼠标点击 | —— | 多选组件 | 1、多选组件时，多次选中组件为切换选中/取消选中状态； 2、框选时，为相交选中，选中组件的局部就选中组件，无须完全包括； 3、多选组件时，可批量进行组件属性设置； --组件名称项禁用，展示选中组件的名称集合； --选中组件的共有属性项进行展示，其他属性不展示； --共有属性参数默认为空，可进行设置批量应用； --组合时调整WH属性，为等比例调整每个组件的WH； |
| 多选 | 鼠标按住框选 | —— | 多选组件 | |
| 组合 | Ctrl+G | √ | 选中多组件，组合组件 | 1、选中两个以上的组合或组件，才可进行组合，组合内的组合或组件，统称为子组件； 2、组合支持多层组合，双击支持子组件的编辑操作； 3、组合具备自身的XY，基于组合内子组件自动计算，也可直接调整，组合内的子组件相对位置不变； 4、组合暂不具备自身的WH、旋转属性，属性设置后，即为对组合内的子组件参数的批量修改； 5、组合除自身属性，其他属性为组合内子组件的公有属性，同多选操作，设置后批量生效； 6、选中组合，可再点击选中组合内的子组件，对选中子组件进行编辑；（组合不可直接选中内层，最先选中外层） 7、组合后，基于最高图层的子组件，视为组合的图层顺序，更新其他子组件的图层顺序；（保留子组件间的相对顺序） |
| 拆分 | Ctrl+Shift+G | √ | 选中组合，拆分组合 | 1、选中单个或多个组合，对组合进行批量拆分； 2、根据选中的组合，进行拆分；（若有多层组合，需要拆分多次） |
| 全选 | Ctrl+A | —— | 选中当前画面所有组件 | —— |
| 隐藏 | —— | √ | 选中组件，执行隐藏操作，组件在页面上不可见，不可点 | 1、组件处于隐藏状态，在画布上不可见、不可点 2、可通过对象树进行选中或状态切换； 3、隐藏组件可显示遮罩；（标明位置和区域、功能类型） |
| 取消隐藏 | —— | √ | 选中组件，取消隐藏 | —— |
| 锁定 | Ctrl+L | √ | 选中组件，执行锁定操作，组件的删除、移动、缩放不生效 | 1、组件处于锁定状态，删除、移动、缩放不生效；（移动、缩放不生效指鼠标拖拽、键盘操作不生效，属性操作可生效） 2、组件锁定状态指最外层，不考虑节点传递；（组合内有被锁定的组件，但组合未被锁定，组合可直接删除、移动、缩放） |
| 取消锁定 | Ctrl+Shift+L | √ | 选中组件，取消锁定 | —— |
| 移动 | 鼠标拖拽/方向键 | —— | 选中组件，进行位置调整，方向键每次变化1px | 1、选中组件，按方向键或鼠标拖拽可进行组件位置调整； 2、组件位置的精度为整数，画布上自动吸附整数位调整； |
| 快速移动 | Ctrl+方向键 | —— | 选中组件，进行位置快速调整，方向键每次变化10px | |
| 组件缩放 | 鼠标拖拽 | —— | 选中组件，鼠标拖拽调整点进行缩放 | 1、提供4个方向的调整点； 2、支持鼠标拖拽时等比缩放；（按住Shift或设置固定比例生效） 3、支持WH属性设置时等比缩放；（设置固定比例生效，精度为整数） |
| 等比缩放 | Shift+鼠标拖拽 | —— | 选中组件，鼠标拖拽调整点进行缩放时，可保持组件比例 | |
| 固定比例 | —— | √ | 选中组件，组件缩放时，保持宽高等比例 |
文字操作
| 操作名称 | 快捷键 | 工具栏/功能按钮 | 功能描述 |
|---|---|---|---|
| 加粗 | Ctrl+B | √ | 选中组件，设置组件内文本加粗属性 |
| 倾斜 | Ctrl+I | √ | 选中组件，设置组件内文本倾斜属性 |
| 下划线 | Ctrl+U | √ | 选中组件，设置组件内文本下划线属性 |
排列控制
| 操作名称 | 快捷键 | 工具栏/功能按钮 | 功能描述 | 备注 |
|---|---|---|---|---|
| 置于顶层 | Ctrl+Shift+[ | √ | 选中组件，移动组件图层为最上层 | 1、选中组件，调整图层为顶层或底层； 2、选中多个组件时，调整后保留组件间的相对顺序； |
| 置于底层 | Ctrl+Shift+] | √ | 选中组件，移动组件图层为最下层 | |
| 上移一层 | Ctrl+[ | √ | 选中组件，移动组件图层往上一层 | |
| 下移一层 | Ctrl+] | √ | 选中组件，移动组件图层往下一层 | |
| 左侧对齐 | Ctrl+Alt+L | √ | 选中组件，根据基准，对齐组件X属性；（左侧边线） | 1、选中单个组件，为基于画布对齐； 2、选中多个组件，为基于组件对齐； 3、框选时，以左上角的组件为基准，进行对齐； （优先以X坐标小的排序，再以Y坐标小的排序） 4、点选时，以首个选择组件为基准，进行对齐；（任意选择排序基准） 5、框选或点选重复操作时，若基准组件仍被选中，基准不变， 若基准组件取消选中，按框选或点选顺序，重定基准； |
| 居中对齐 | Ctrl+Alt+C | √ | 选中组件，根据基准，对齐组件X+½W属性；（垂直中心线） | |
| 右侧对齐 | Ctrl+Alt+R | √ | 选中组件，根据基准，对齐组件X+W属性；（右侧边线） | |
| 顶部对齐 | Ctrl+Alt+T | √ | 选中组件，根据基准，对齐组件Y属性；（顶部边线） | |
| 中部对齐 | Ctrl+Alt+M | √ | 选中组件，根据基准，对齐组件Y+½H属性；（水平中心线） | |
| 底部对齐 | Ctrl+Alt+B | √ | 选中组件，根据基准，对齐组件Y+H属性；（底部边线） | |
| 水平等距 | Ctrl+Shift+H | √ | 选中组件，组件水平距离上，等间距分布； | 1、选中3个或3个以上的组件，才可等间距分布； 2、水平或垂直距离上，最两侧的组件位置不变，排列中间的组件； 3、排列时为等间距分布，与每个组件自身的高度或宽度有关；（组件之间，相等间隔距离） 4、当选中的范围不够等间距时，为等重叠距离；（组件之间，相等重叠距离） 5、当选中的范围不够等重叠距离时，规则同等重叠距离； |
| 垂直等距 | Ctrl+Shift+U | √ | 选中组件，组件垂直距离上，等间距分布； | |
| 等宽设置 | Ctrl+Alt+W | √ | 选中组件，根据基准，同步应用组件的W属性； | 1、框选时，以左上角的组件为基准，进行对齐；（优先以X坐标小的排序，再以Y坐标小的排序） 2、点选时，以首个选择组件为基准，进行对齐；（任意选择排序基准） 3、框选或点选重复操作时，若基准组件仍被选中，基准不变，若基准组件取消选中，按框选或点选顺序，重定基准； |
| 等高设置 | Ctrl+Alt+H | √ | 选中组件，根据基准，同步应用组件的H属性； |