Nhóm cho phép bạn tách thiết kế mặt đồng hồ thành một cấu trúc logic.
Điều này có thể hữu ích để giúp bạn sắp xếp các thành phần. Bạn có thể cung cấp cho mỗi nhóm một name để cho biết mục đích của nhóm đó.
Một lý do khác khiến nhóm rất hữu ích là sau đó, bạn có thể coi mọi thứ trong nhóm đó là một thực thể duy nhất nhằm mục đích điều chỉnh giao diện của nhóm, thậm chí là điều chỉnh linh động theo các nguồn dữ liệu thay đổi.
Sau đây là một số ví dụ về cách sử dụng tính năng này. Group sau đây chứa nhiều phần tử PartText, PartImage và PartDraw tạo nên một phần logic duy nhất của mặt đồng hồ:
<Group name="decorations" ...>
<PartText ...>
<PartImage ...>
<PartDraw ...>
</Group>
Thay đổi hành vi môi trường xung quanh
Sau khi xác định Group, bạn có thể điều chỉnh chế độ hiển thị của toàn bộ Group cho Chế độ môi trường xung quanh, chẳng hạn như để ẩn Group:
<Group ...>
<Variant mode="AMBIENT" target="alpha" value="0" />
<PartText ...>
<PartImage ...>
<PartDraw ...>
</Group>
Điều này giúp bạn không cần thêm từng phần tử Variant vào từng phần tử con.
Biến đổi một nhóm
Tương tự như việc điều chỉnh hành vi môi trường xung quanh, bằng cách sử dụng Variant, bạn có thể điều chỉnh nhiều thuộc tính của Group bằng một hoặc nhiều phần tử Transform.
Trong ví dụ này, Group được xoay dựa trên giây. Bằng cách chỉ định pivotX và pivotY là 0.5, thao tác xoay sẽ diễn ra xung quanh tâm của Group, bất kể vị trí của mỗi phần tử, chẳng hạn như PartText hoặc PartImage nằm trong 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>