画布是编辑器的中央区域,用于设计界面与组件。组件会实时渲染,因此设计改动立即可见。
创建组件
从组件库中拖放组件到画布上。常见组件包括按钮、标签、图片、滑块和复选框。
选择组件
- 点击组件可选中它,并在检查器中显示其属性。
- 按住
Ctrl/Cmd并在画布上点击可进行多选。 - 拖出选择矩形可选择多个组件。
- 在组件树中,按住
Shift点击可选择范围,或按住Ctrl/Cmd点击连续选择。
选中的组件会有明显的高亮标识。
排列组件
移动
拖动组件进行移动。与相邻组件或画布边界对齐时,会自动出现对齐辅助线,帮助精确定位。
缩放
拖动组件的边缘或角进行缩放。按住 Ctrl/Cmd 拖动可等比缩放,保持宽高比。
复制
选中组件并按住 Option/Alt 拖动可进行复制。这对于创建菜单项、按钮等重复元素非常有用。
对齐
多选组件后,使用画布上方的对齐面板进行对齐与均匀分布。
删除
选中组件后按 Delete,或使用右键菜单中的删除选项。
画布控制
- 缩放 - 使用
Ctrl/Cmd+ 鼠标滚轮,或工具栏缩放控件。重置按钮可恢复 100%。 - 移动画布 - 按住鼠标右键并拖动即可平移画布。或者,按住
Spacebar可临时将默认的框选行为切换为画布平移。
属性、样式与事件
检查器将组件定制分为几个部分:
- 属性 - 组件通用属性和组件专属数据,如文本、图片资源和状态。
- 样式 - 视觉外观,包括颜色、尺寸和字体。
- 事件 - 由用户交互触发的事件处理器。