Organiser des éléments en groupes

Les groupes vous permettent de séparer la conception de votre cadran en une structure logique.

Cela peut vous aider à organiser les composants. Vous pouvez attribuer un name à chaque groupe pour indiquer à quoi il sert.

Autre raison pour laquelle les groupes sont très utiles : vous pouvez ensuite traiter tout ce qui se trouve dans ce groupe comme une entité unique afin d'ajuster son apparence, même de manière dynamique en fonction des sources de données en évolution.

Voici quelques exemples d'utilisations utiles. Le Group suivant contient divers éléments PartText, PartImage et PartDraw qui constituent une seule partie logique du cadran:

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

Modifier le comportement du mode Veille

Une fois le Group défini, la visibilité de l'ensemble du Group peut être ajustée pour le mode Veille, par exemple, afin de masquer le Group:

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

Vous n'avez donc pas besoin d'ajouter un élément Variant individuellement à chaque élément enfant.

Transformer un groupe

Comme pour le réglage du comportement en mode Veille, à l'aide de Variant, de nombreuses propriétés de Group peuvent être ajustées à l'aide d'un ou de plusieurs éléments Transform.

Dans cet exemple, Group est pivoté en fonction de la seconde. En spécifiant pivotX et pivotY comme 0.5, la rotation se produit autour du centre du Group, quel que soit l'emplacement de chaque élément, tel que PartText ou PartImage, dans ce 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>