主题
2.2 顶部工具栏
工具栏分为两层:外层容器放 Logo、返回和缩放;内层工具条放所有编辑操作。内层按钮会根据当前选中状态动态显示,未选中、选中 1 个、多选时可见的按钮不同。
2.2.1 外层容器(Logo + 缩放)
| 按钮 | 快捷键 | 说明 |
|---|---|---|
| 返回列表 | — | 回到组态列表页 |
| 缩小 / 放大 | — | 调整画布缩放 |
| 缩放百分比 | — | 点击可重置回 100% |
| 适应屏幕 | Ctrl+0 | 缩放到刚好铺满可视区 |
2.2.2 常驻按钮(始终显示)
| 按钮 | 快捷键 | 说明 |
|---|---|---|
| 撤销 | Ctrl+Z | 回退一步 |
| 恢复 | Ctrl+Y | 重做 |
| 清空画布 | — | 删除当前页全部组件 |
| 保存 | Ctrl+S | 保存整个工程 |
| 预览 | — | 新窗口以运行态查看当前页 |
| 查找 | Ctrl+F | 查找与替换(变量名、文本) |
| 网格 | — | 开关网格背景 |
| 吸附 | — | 开关网格吸附 |
| 步长 | — | 数字输入 1–100 px,方向键移动步进 |
多选 3 个及以上组件时,为腾出空间,撤销 / 恢复 / 清空这类常驻按钮会临时隐藏,工具条切换成对齐操作为主。
2.2.3 选中 1 个组件时
复制(Ctrl+C)、粘贴(Ctrl+V)、删除(Del)、横向居中、纵向居中。
其中横向 / 纵向居中是相对画布居中。
2.2.4 多选(≥2 个)时
对齐:左对齐、右对齐、上对齐、下对齐、垂直居中、水平居中
统一尺寸:等宽、等高、等大小
等距分布(需 ≥3 个):垂直等距、水平等距
2.2.5 画布右键菜单
除工具栏外,在画布上右键还能调出:
- 剪切
Ctrl+X、复制Ctrl+C、粘贴Ctrl+V、删除Del、快速复制Ctrl+D - 层级:上层 / 下层 / 置顶 / 置底
- 分组
Ctrl+G、取消分组Ctrl+Shift+G - 全选
Ctrl+A、锁定 / 解锁
关于「发布」:编辑器工具栏里没有发布按钮,只有"保存"和"预览"。发布要回到组态列表页,在对应工程上操作,详见 1.5 发布与分享。