编辑器快捷操作:缩放、移动、多选和辅助线
常用操作表
| 操作 | 方法 | 作用 |
|---|---|---|
| 缩放 | Shift + 鼠标滚轮 | 调整编辑视图比例 |
| 平移画布 | 按住空格并拖动 | 改变画布在工作区的位置 |
| 微调位置 | 选中组件后按方向键 | 按 1 像素步长调整 |
| 多选 | Ctrl 点击组件,或使用框选 | 对多个元素统一操作 |
| 新建辅助线 | 从横向或纵向标尺拖出 | 建立布局参照 |
| 删除辅助线 | 双击辅助线 | 移除不再需要的参照 |
| 复原编辑比例 | 底部复原大小按钮 | 返回 100% |
方向键微调需要画布获得焦点。光标在输入框或代码编辑器时,先退出输入状态,再操作组件。
结合对齐工具
多选后使用顶部「对齐」菜单,可进行左对齐、上对齐、大小相等和横纵等间距。先把一个元素调整到目标尺寸,再操作同组元素,便于保持一致。
画布位置与设计位置
拖动画布只改变工作区中的观看位置;拖动组件才改变组件坐标。底部同时显示选中组件坐标和宽高,可用于确认微调结果。
操作不生效时
检查组件是否锁定,是否选中了组合,是否还有输入框处于编辑状态。移动前确认自己操作的是组件而不是整个画布。修改布局后点击保存,再重新打开验证。
界面参考
