组合与容器

在Aleshu DrawIO中共有两个概念可以将一群元素集合在一起，分别是：组合与容器。

**组合：**是将选中的图形素材合并为一个整体，第一次选中组中的任意一个元素，默认都是选择组；需要选择组中的某个具体元素，则需要在组被选中的时候，再选择相应元素。

**容器：**容器也可以将一群元素集合在一起，容器和组合其实非常类似，但其不会像成组一样，在第一次点选元素时，会默认选择容器。

在Aleshu DrawIO中共有以下几种容器。

01 位置属性

无论是组合还是容器，内部元素的位置信息都会变更为相对位置。

02 可折叠

组合若想要开启折叠效果，需要手动开启可折叠效果，而容器默认开启折叠效果。

折叠后的效果如下所示（折叠需要在编辑状态下操作）：

组合和容器的效果非常相似，但是还是会有一些细微差别，比如组合式没有分隔符效果的。

03 占位符

如果容器/组合只能实现以上功能，其实只能帮助用户提升一些工作效率，而占位符将大大提升容器的能力，我们来看一个案例：

容器中的元素可以通过占位符来实现快速修改，这个功能，将会在未来高级互动组件的制作教程中会被经常用到，下面我们来简单说明一下：

01 使用占位符的元素需要统一在一个容器/组合中，因此我们可以挑选一个合适的图形元素，将其设置为容器。

02 通过编辑数据/快捷键：Ctrl + M打开数据弹窗，创建一个容器内部需要使用到的属性值。

注意：容器是不需要勾选占位符复选框的。

03 容器内的文本组件/标签可以通过一组%来引用容器中的属性值。

04 打开该组件的数据弹窗，勾选占位符复选框。

此时容器内的占位符会直接显示对应数值。