Organiza los elementos en grupos

Los grupos te permiten separar el diseño de la cara del reloj en una estructura lógica.

Esto puede ser útil para organizar los componentes. Puedes asignar a cada grupo un name para indicar su propósito.

Otro motivo por el que los grupos son muy útiles es que puedes tratar todo lo que se encuentra dentro de ese grupo como una sola entidad para ajustar su apariencia, incluso de forma dinámica para adaptarlo a las fuentes de datos cambiantes.

Estos son algunos ejemplos de cómo puede ser útil. El siguiente Group contiene varios elementos PartText, PartImage y PartDraw que componen una sola parte lógica de la cara del reloj:

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

Cambiar el comportamiento del modo ambiente

Una vez que se definió el Group, se puede ajustar la visibilidad de todo el Group para el Modo ambiente, por ejemplo, para ocultar el 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

Esto evita la necesidad de agregar un elemento Variant de forma individual a cada elemento secundario.

Transforma un grupo

Al igual que cuando se ajusta el comportamiento del modo ambiente, con Variant, muchas de las propiedades de Group se pueden ajustar con uno o más elementos Transform.

En este ejemplo, el Group se rota según el segundo. Si especificas pivotX y pivotY como 0.5, la rotación se produce alrededor del centro de Group, independientemente de dónde se encuentre cada elemento, como PartText o PartImage, dentro de ese 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