Organizzare gli elementi in gruppi

I gruppi ti consentono di separare il design del quadrante in una struttura logica.

Può essere utile per organizzare i componenti. Puoi assegnare a ogni gruppo un name per indicarne lo scopo.

Un altro motivo per cui i gruppi sono molto utili è che puoi trattare tutto ciò che si trova all'interno di un gruppo come una singola entità ai fini della regolazione del suo aspetto, anche in modo dinamico in base alle origini dati in continua evoluzione.

Ecco alcuni esempi di come può essere utile. Il seguente Group contiene vari elementi PartText, PartImage e PartDraw che costituiscono una singola parte logica del quadrante:

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

Modificare il comportamento Ambient

Dopo aver definito Group, la visibilità dell'intero Group può essere modificata per la modalità Ambient, ad esempio per nascondere 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

In questo modo si evita la necessità di aggiungere singolarmente un elemento Variant a ogni elemento secondario.

Trasformare un gruppo

Analogamente alla regolazione del comportamento ambientale, utilizzando Variant, molte delle proprietà di Group possono essere regolate utilizzando uno o più elementi Transform.

In questo esempio, Group viene ruotato in base al secondo. Se specifichi pivotX e pivotY come 0.5, la rotazione avviene attorno al centro di Group, indipendentemente dalla posizione di ogni elemento, ad esempio PartText o PartImage all'interno di 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