键盘快捷键
Designer 内置键盘快捷键支持。快捷键仅在以下条件同时满足时生效:
- 没有活跃的编辑会话(未双击进入元素深度编辑)
- 焦点不在输入框(input、textarea、contenteditable)
- 焦点在设计器容器内
快捷键列表
选择
| 快捷键 | 功能 |
|---|---|
Ctrl/⌘ + A | 全选元素 |
剪贴板
| 快捷键 | 功能 |
|---|---|
Ctrl/⌘ + C | 复制选中元素 |
Ctrl/⌘ + X | 剪切选中元素 |
Ctrl/⌘ + V | 粘贴 |
Ctrl/⌘ + D | 复制选中元素(原位克隆) |
删除
| 快捷键 | 功能 |
|---|---|
Delete | 删除选中元素 |
Backspace | 删除选中元素 |
微调位置
选中元素后,使用方向键微调位置:
| 快捷键 | 功能 |
|---|---|
← → ↑ ↓ | 移动 1px(缩放 100% 时) |
Shift + ← → ↑ ↓ | 移动 10px(缩放 100% 时) |
实际移动距离会根据当前缩放比例和文档单位自动换算。
编辑会话
| 快捷键 | 功能 |
|---|---|
Escape | 退出当前编辑会话(双击进入的深度编辑) |
撤销/重做
Designer 内置完整的撤销/重做能力(基于 CommandManager),但目前只能通过工具栏按钮触发,没有键盘快捷键。
- 工具栏中的撤销按钮
- 工具栏中的重做按钮
所有对模板的修改操作(添加/删除/移动/缩放/旋转/属性修改/数据绑定等)都会自动进入撤销栈。连续的同类操作(如拖拽移动)会自动合并为一个撤销步骤。
注意
Ctrl/⌘ + Z 和 Ctrl/⌘ + Shift + Z 目前未绑定。如果需要键盘触发撤销/重做,可以通过 Contribution API 注册自定义命令实现。
右键菜单
画布右键菜单中显示的快捷键标签与上述键盘快捷键一致,包括复制、剪切、粘贴、复制、全选和删除。