画布相关操作

层级结构

页面和容器类组件均支持在其内部添加组件，你可以在左边栏的组件树中查看组件与组件之间的嵌套关系。

目前不支持跨层级拖拽改变组件的嵌套层级，但你可以通过剪切+粘贴的方式达到这一目的。

同层级的组件之间存在显示顺序，后添加的组件会覆盖于先添加的组件上。当你想要控制组件在同一层级中的显示顺序时，可以在左边栏中直接对组件进行拖拽，或者在右键菜单的“移动”中进行控制。以下是相关的一些快捷键：

置于顶层：]

置于底层：[

上移一层：⌘ ] 丨Ctrl ]

下移一层：⌘ [ 丨Ctrl [

向上移动：↑

向右移动：→

向下移动：↓

向左移动：←

交互

你可以用指针直接点击选中你想要选择的组件，也可以按住 ⌘丨Ctrl 点击选择组件的父级。

当你选中一个组件后，可以通过快捷键快速切换你想要选择的对象：

选择父级： Shift ⏎

选择子级：⏎

选择全部同级： ⌘ A丨 Ctrl A

选择上一个组件： Shift Tab

选择下一个组件： Tab

交互

当你选中某个组件后，可以按住 Shift 在页面中逐个添加你想要多选的其它组件。或者在左边栏中，按住 ⌘丨Ctrl 选择组件以实现同样的效果。

如果你想要批量多选组件，可以在画布中用指针进行框选，或者在左边栏按住 Shift 直接选中两个组件之间的全部组件。

多选后你可以在右边栏对它们共有的属性进行修改。

成组

如果你想要为选中的组件快速添加视图的话，可以在右键菜单中选择“创建视图”，或者按快捷键 ⌘ G丨Ctrl G。