요소를 그룹으로 정렬

그룹을 사용하면 시계 화면 디자인을 논리적 구조로 분리할 수 있습니다.

이렇게 하면 구성요소를 정리하는 데 도움이 됩니다. 각 그룹에 name를 부여하여 그룹의 용도를 나타낼 수 있습니다.

그룹이 매우 유용한 또 다른 이유는 그룹 내의 모든 항목을 외양을 조정하기 위한 단일 항목으로 취급할 수 있기 때문입니다. 데이터 소스가 변경될 때 동적으로 조정할 수도 있습니다.

이 기능이 유용한 몇 가지 예를 소개합니다. 다음 Group에는 시계 모드의 단일 논리적 부분을 구성하는 다양한 PartText, PartImage 및 PartDraw 요소가 포함되어 있습니다.

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

대기 모드 동작 변경

Group를 정의한 후에는 대기 모드에 맞게 전체 Group의 공개 상태를 조정할 수 있습니다(예: 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

이렇게 하면 각 하위 요소에 Variant 요소를 개별적으로 추가할 필요가 없습니다.

그룹 변환

주변 모드 동작을 조정하는 것과 마찬가지로 Variant를 사용하여 하나 이상의 Transform 요소를 사용하여 Group의 여러 속성을 조정할 수 있습니다.

이 예시에서는 초를 기준으로 Group이 회전합니다. pivotX와 pivotY을 0.5로 지정하면 PartText 또는 PartImage과 같은 각 요소가 Group 내에 어디에 있든 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