Organizzare gli elementi in gruppi

Mantieni tutto organizzato con le raccolte Salva e classifica i contenuti in base alle tue preferenze.

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

Questa opzione può essere utile per organizzare i componenti. Puoi assegnare a ogni gruppo un name per indicare a cosa serve.

Un altro motivo per cui i gruppi sono molto utili è che puoi trattare tutto ciò che si trova al loro interno come una singola entità al fine di modificarne l'aspetto, anche in modo dinamico in base alle origini dati in evoluzione.

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

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

Modificare il comportamento della modalità Ambient

Dopo aver definito Group, la visibilità dell'intero Group può essere regolata per la modalità Ambient, ad esempio per nascondere Group:

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

In questo modo non è necessario aggiungere un elemento Variant singolarmente a ogni elemento secondario.

Trasformare un gruppo

Analogamente alla regolazione del comportamento in modalità Ambient, 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 del Group, indipendentemente da dove si trova ciascun elemento, ad esempio PartText o PartImage, all'interno del 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>