Elemente in Gruppen anordnen

Mit Gruppen können Sie Ihr Zifferblattdesign in eine logische Struktur unterteilen.

Das kann hilfreich sein, um Komponenten zu organisieren. Sie können jeder Gruppe eine name geben, um anzugeben, wofür sie gedacht ist.

Ein weiterer Grund, warum Gruppen sehr nützlich sind, ist, dass Sie alles innerhalb dieser Gruppe als eine einzelne Einheit behandeln können, um ihr Erscheinungsbild anzupassen, sogar dynamisch an sich ändernde Datenquellen.

Hier sind einige Beispiele dafür, wie das nützlich sein kann. Das folgende Group enthält verschiedene PartText, PartImage- und PartDraw-Elemente, die einen einzelnen logischen Teil des Zifferblatts bilden:

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

Verhalten im inaktiven Modus ändern

Nachdem Sie die Group definiert haben, kann die Sichtbarkeit der gesamten Group für den Inaktivmodus angepasst werden, um die Group beispielsweise auszublenden:

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

So muss nicht jedem untergeordneten Element einzeln ein Variant-Element hinzugefügt werden.

Gruppe transformieren

Ähnlich wie beim Anpassen des Ambient-Verhaltens können viele der Eigenschaften von Group mit einem oder mehreren Transform-Elementen angepasst werden.Variant

In diesem Beispiel wird die Group basierend auf der Sekunde gedreht. Wenn Sie pivotX und pivotY als 0.5 angeben, erfolgt die Drehung um den Mittelpunkt des Group, unabhängig davon, wo sich die einzelnen Elemente wie PartText oder PartImage innerhalb dieses Group befinden:

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