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

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

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

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

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

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

Изменение поведения окружающей среды

После определения Group можно настроить видимость всей Group в режиме Ambient, например, скрыть 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>
watchface_groups.xml

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

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

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

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

<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>
watchface_groups.xml