Mengatur elemen ke dalam grup

Grup memungkinkan Anda memisahkan desain tampilan jam menjadi struktur yang logis.

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

Alasan lebih lanjut mengapa grup sangat berguna adalah Anda dapat memperlakukan semuanya dalam grup tersebut sebagai satu entitas untuk tujuan menyesuaikan tampilannya, bahkan menyesuaikan secara dinamis dengan perubahan sumber data.

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

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

Mengubah perilaku standby

Setelah menentukan Group, visibilitas seluruh Group dapat disesuaikan untuk mode Standby, misalnya, untuk menyembunyikan Group:

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

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

Mengubah grup

Serupa dengan menyesuaikan perilaku standby, 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 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>