容器（分组）

容器是一种特殊的图层类型，用于将多个相关组件归为一组进行统一管理。容器本身没有可见的外观，但它定义了一个逻辑分组——容器内的所有子组件会随容器一起移动、缩放和旋转。

容器的作用

当页面上的组件数量较多时，通过容器将相关组件归组，可以让图层列表保持整洁有序。例如将一个按钮的背景图片和文字标签放入同一个容器中。

选中容器并移动时，容器内的所有子组件会一同移动，保持相对位置不变。缩放容器时，子组件也会按比例缩放。

通过事件系统对容器执行显示/隐藏操作时，容器内的所有子组件会一同被显示或隐藏，非常适合控制一组相关元素的整体可见性。

将已经排版完成的组件放入容器后，可以锁定容器，避免在编辑其他元素时误移动已定位好的组件。

容器继承所有通用属性（位置、尺寸、旋转、透明度等），没有额外的专属属性。容器的位置和尺寸定义了包含所有子组件的边界框。

在画布上按住 Shift 键依次点击需要分组的组件，或在画布空白区域拖拽框选多个组件。

在选中的组件上右键打开菜单，选择编组选项。系统会自动创建一个新容器，并将选中的组件放入其中。

在右侧属性面板中为容器设置一个有意义的名称（如「按钮组」「顶部导航」），方便在图层列表中快速识别。

双击容器可以进入容器的编辑模式。此时只能选中和操作容器内的子组件，容器外的组件不受影响。

在容器外的空白区域点击，或按 Esc 键退出容器编辑模式，返回到正常的画布编辑状态。

在图层列表中，可以通过拖拽将组件移入或移出容器。也可以在容器编辑模式下直接从素材库拖入新组件。

合理使用容器可以大幅提升编辑效率。建议将功能相关的组件归入同一容器，并为容器设置清晰的名称。例如「CTA 按钮」「产品卡片」「底部导航栏」等。

嵌套容器 — 容器可以包含其他容器，实现多层级的组织结构。但不建议嵌套过深，以免管理复杂度增加。

容器透明度 — 调整容器的透明度会影响所有子组件的显示效果。将容器透明度设为 50% 时，子组件的实际显示透明度也会降低。

解组 — 如果不再需要分组，可以在容器上右键选择解组，子组件会回到外层，容器被删除。

这个页面有帮助吗？