Sắp xếp các phần tử thành nhóm

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ể đặt name cho mỗi nhóm để cho biết mục đích của nhóm.

Một lý do khác khiến các nhóm rất hữu ích là bạn có thể coi mọi thứ trong nhóm đó là một thực thể duy nhất cho mục đích điều chỉnh giao diện của nhóm, ngay cả khi điều chỉnh linh hoạt theo các nguồn dữ liệu thay đổi.

Sau đây là một số ví dụ về cách tính năng này có thể hữu ích. Group sau đây chứa nhiều phần tử PartText, PartImage và PartDraw tạo thành một phần logic duy nhất của mặt đồng hồ:

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

Thay đổi hành vi ở chế độ 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, ví dụ: để ẩn 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>
watchface_groups.xml

Đ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 xung quanh, khi 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 quanh tâm của Group, bất kể vị trí của từng phần tử, chẳng hạn như PartText hoặc PartImage nằm trong Group:

<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>
watchface_groups.xml