Organiser des éléments en groupes

Les groupes vous permettent de structurer logiquement la conception de votre cadran.

Cela peut vous aider à organiser les composants. Vous pouvez attribuer un name à chaque groupe pour indiquer son objectif.

Les groupes sont également très utiles, car vous pouvez traiter tout ce qui se trouve dans un groupe comme une seule entité pour ajuster son apparence, même en l'adaptant de manière dynamique aux sources de données changeantes.

Voici quelques exemples d'utilisation : Le Group suivant contient différents éléments PartText, PartImage et PartDraw qui constituent une seule partie logique du cadran :

<Group name="decorations" x="100" y="100" width="200" height="200">
    <!-- PartText, PartImage, PartDraw elements go here -->
</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 pour masquer le 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>

Cela évite d'ajouter un élément Variant individuellement à chaque élément enfant.

Transformer un groupe

Comme pour l'ajustement du comportement ambiant à 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, le Group est pivoté en fonction de la seconde. En spécifiant pivotX et pivotY comme 0.5, la rotation s'effectue autour du centre de Group, indépendamment de l'emplacement de chaque élément, tel que PartText ou PartImage, dans ce 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>