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>