画布是编辑器的中央区域，用于设计界面与组件。组件实时渲染，设计改动立即可见。
创建组件
从组件库把组件拖到画布上即可创建。常见组件有按钮、标签、图片、滑块和复选框。
选择组件
- 点击组件即选中，检查器同步显示其属性。
- 按住
Ctrl/Cmd点击画布可多选。 - 拖出选择矩形可框选多个组件。
- 在组件树中，按住
Shift点击可选择一段范围，按住Ctrl/Cmd点击可连续逐个选择。
选中的组件会高亮显示。
排列组件
移动
拖动组件即可移动。当组件与相邻组件或画布边界对齐时，会自动出现对齐辅助线，帮助精确定位。
缩放
拖动组件的边缘或转角即可缩放。按住 Ctrl/Cmd 拖动可等比缩放，保持宽高比。
复制
选中组件后按住 Option/Alt 拖动即可复制，适合制作菜单项、按钮等重复元素。
对齐
多选组件后，用画布上方的对齐面板对齐或均匀分布。
删除
选中组件后按 Delete，或使用右键菜单中的删除选项。
画布控制
画布上方的控制条提供：
- 缩放 - 使用
Ctrl/Cmd+ 鼠标滚轮，或缩放按钮；点击百分比可恢复 100%，使用适配按钮让整个界面适配视口，使用选区按钮缩放到选中的组件。 - 像素网格 - 切换像素网格叠加，便于精确放置。
- 移动画布 - 按住鼠标右键拖动即可平移画布，也可按住空格键把默认的框选临时切换为画布平移。
属性、样式与事件
检查器把组件定制分为几个部分：
- 属性 - 组件通用属性与专属数据，如文本、图片资源和状态。
- 样式 - 视觉外观，包括颜色、尺寸和字体。
- 事件 - 用户交互触发的事件处理器，位于检查器的 事件 选项卡。