grupowanie elementów w grupy,

Grupy umożliwiają podzielenie projektu tarczy zegarka na logiczną strukturę.

Może to być przydatne do porządkowania komponentów. Każdej grupie możesz przypisać name, aby wskazać jej przeznaczenie.

Kolejnym powodem, dla którego grupy są bardzo przydatne, jest to, że możesz traktować wszystko w danej grupie jako pojedynczy element na potrzeby dostosowywania jego wyglądu, nawet dynamicznego dostosowywania do zmieniających się źródeł danych.

Oto kilka przykładów, jak może to być przydatne. Poniższy Group zawiera różne elementy PartText, PartImagePartDraw, które tworzą jedną logiczną część tarczy zegarka:

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

Zmień działanie trybu nieaktywnego

Po zdefiniowaniu Group można dostosować widoczność całego Group w trybie nieaktywnym, np. ukryć 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>

Dzięki temu nie trzeba dodawać elementu Variant do każdego elementu podrzędnego osobno.

Przekształcanie grupy

Podobnie jak w przypadku dostosowywania zachowania otoczenia, za pomocą elementu Variant wiele właściwości elementu Group można dostosować za pomocą co najmniej jednego elementu Transform.

W tym przykładzie Group obraca się na podstawie sekundy. Określając pivotX i pivotY jako 0.5, obrót następuje wokół środka elementu Group, niezależnie od tego, gdzie w tym elemencie Group znajduje się każdy element, np. PartText lub PartImage:

<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>