Mengatur elemen ke dalam grup

Grup memungkinkan Anda memisahkan desain tampilan jam ke dalam struktur logis.

Hal ini dapat berguna untuk membantu Anda mengatur komponen. Anda dapat memberi setiap grup name untuk menunjukkan tujuannya.

Alasan lain mengapa grup sangat berguna adalah Anda dapat memperlakukan semua yang ada dalam grup tersebut sebagai satu entitas untuk tujuan menyesuaikan tampilannya, bahkan menyesuaikan secara dinamis dengan mengubah sumber data.

Berikut beberapa contoh kegunaannya. Group berikut berisi berbagai elemen PartText, PartImage dan PartDraw yang membentuk satu bagian logis tampilan jam:

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

Mengubah perilaku standby

Setelah menentukan Group, visibilitas seluruh Group dapat disesuaikan untuk Mode Standby, misalnya, untuk menyembunyikan 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>

Dengan demikian, Anda tidak perlu menambahkan elemen Variant satu per satu ke setiap elemen turunan.

Mentransformasi grup

Mirip dengan menyesuaikan perilaku sekitar, menggunakan Variant, banyak properti Group dapat disesuaikan menggunakan satu atau beberapa elemen Transform.

Dalam contoh ini, Group diputar berdasarkan detik. Dengan menentukan pivotX dan pivotY sebagai 0.5, rotasi terjadi di sekitar pusat Group, terlepas dari tempat setiap elemen, seperti PartText atau PartImage berada dalam Group tersebut:

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