Распределите элементы по группам

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

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

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

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

<Group name="decorations" ...>
  <PartText ...>
  <PartImage ...>
  <PartDraw ...>
</Group>

Изменить окружающее поведение

Определив Group , можно настроить видимость всей Group для режима Ambient, например, чтобы скрыть Group :

<Group ...>
  <Variant mode="AMBIENT" target="alpha" value="0" />
  <PartText ...>
  <PartImage ...>
  <PartDraw ...>
</Group>

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

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

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

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

<Group x="0" y="0" width="450" height="450" pivotX="0.5" pivotY="0.5">
  <!-- One full rotation per minute -->
  <Transform target="angle" value="[SECOND] * 6" />
  <PartText ...>
  <PartImage ...>
  <PartDraw ...>
</Group>