Как сгруппировать элементы

Группы позволяют разделить дизайн циферблата на логические структуры.

Это может быть полезно для организации компонентов. Вы можете присвоить каждой группе name, чтобы указать ее назначение.

Группы также очень полезны, поскольку позволяют рассматривать все объекты в группе как единое целое, чтобы изменять их внешний вид, в том числе динамически, в зависимости от источников данных.

Вот несколько примеров того, как это может быть полезно. В следующем файле Group содержатся различные элементы PartText, PartImage и PartDraw, которые составляют одну логическую часть циферблата:

<Group name="decorations" x="100" y="100" width="200" height="200">
    <!-- PartText, PartImage, PartDraw elements go here -->
</Group>

Как изменить поведение спящего режима

После того как вы определили Group, можно настроить его Groupвидимость в спящем режиме, например скрыть Group:

<Group name="decorations" x="100" y="100" width="200" height="200">
    <Variant mode="AMBIENT" target="alpha" value="0" />
    <!-- PartText, PartImage, PartDraw elements go here -->
</Group>

Это позволяет не добавлять элемент Variant в каждый дочерний элемент по отдельности.

Как преобразовать группу

Как и в случае с настройкой поведения в фоновом режиме, Variantмногие свойства тега Group можно изменить с помощью одного или нескольких элементов Transform.

В этом примере элемент Group поворачивается в зависимости от секунд. Если указать pivotX и pivotY как 0.5, поворот будет выполняться вокруг центра Group независимо от того, где в этом Group находится каждый элемент, например PartText или PartImage:

<Group name="decorations" x="100" y="100" width="200" height="200">
    <!-- One full rotation per minute -->
    <Transform target="angle" value="[SECOND] * 6" />
    <!-- PartText, PartImage, PartDraw elements go here -->
</Group>