Organiza los elementos en grupos

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

Esto puede ser útil para organizar los componentes. Puedes darle a cada grupo un name para indicar para qué sirve.

Otra razón por la que los grupos son muy útiles es que, luego, puedes tratar todo lo que se encuentra dentro de ese grupo como una sola entidad para ajustar su apariencia, incluso de forma dinámica 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 conforman una sola parte lógica de la cara de reloj:

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

Cómo cambiar el comportamiento del modo ambiente

Una vez definido el Group, se puede ajustar la visibilidad de todo el Group para el modo ambiente, por ejemplo, para ocultar el Group:

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

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

Transforma un grupo

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

En este ejemplo, Group se rota en función del segundo. Cuando 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 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>