정보 표시를 통해 유용한 데이터 제공

정보 표시는 추가 정보를 표시하는 실제 시계 및 스마트워치 시계 화면의 기능입니다. 일반적으로 사용자는 정보 표시에 표시되는 정보를 선택합니다.

일반적으로 정보 표시는 다음과 같은 여러 모양으로 제공됩니다.

직사각형
원형
워치 페이스 가장자리에 있는 호
배경, 시계 화면 전체를 덮음

Wear OS에서 시계 화면 시스템은 다음 두 부분으로 나눌 수 있습니다.

정보 표시 데이터 소스
정보 표시 렌더링

예를 들어 건강 및 피트니스 앱은 일일 걸음 수 컴플리케이션 데이터 소스를 구현할 수 있습니다. 이는 WFF 시계 화면으로 렌더링될 수 있습니다.

정보 표시의 데이터 소스

정보 표시 데이터 소스는 렌더링할 데이터와 정보 표시 유형만 지정합니다. 데이터 소스는 데이터가 시계 화면에 표시되는 방식을 결정하는 데 아무런 역할을 하지 않습니다.

예를 들어 건강 및 피트니스 일일 걸음 수 컴플리케이션 데이터 소스는 사용자가 오늘 목표인 10,000걸음 중 2,400걸음을 걸었음을 나타내기 위해 다음 데이터를 생성할 수 있습니다.

유형: GOAL_PROGRESS
값: 2400
TargetValue: 10000

이 데이터에는 렌더링 방법을 나타내는 항목이 없습니다.

시계 모드는 렌더링할 수 있는 정보 표시 유형을 지정합니다. 이를 통해 사용자가 선택할 수 있는 데이터 소스가 결정됩니다.

일일 걸음수 예시의 경우 시계 화면 정의에서 Value 및 TargetValue을 텍스트로 렌더링할지 아니면 진행률 표시기로 렌더링할지 결정합니다. 시계 화면 디자이너가 결정해야 합니다.

정보 표시 정의

시계 화면에 정보 표시를 표시하는 기능을 제공하면 사용자가 한눈에 더 다양한 정보를 확인하고 필요에 따라 맞춤설정할 수 있으므로 유용합니다.

시계 화면에서 지원할 정보 표시의 수와 지원 여부, 모양과 위치, 지원할 데이터 유형을 결정합니다.

정보 표시를 위한 시계 화면의 각 공간은 정보 표시 렌더링을 위한 경계 영역이 정의된 ComplicationSlot로 정의됩니다.

<ComplicationSlot slotId="1" supportedTypes="SHORT_TEXT SMALL_IMAGE EMPTY"
    x="100" y="100" width="100" height="100">
    <BoundingOval x="0"  y="0" width="100" height="100" />
    <Complication type="SHORT_TEXT">
        <!-- Complication content for rendering SHORT_TEXT data goes here -->
    </Complication>
    <Complication type="SMALL_IMAGE">
        <!-- Complication content for rendering SMALL_IMAGE data goes here -->
    </Complication>
</ComplicationSlot>watchface_complications.xml

사각형, 타원과 같은 다른 경계 도형에도 유사한 접근 방식을 적용할 수 있습니다.

정보 표시 유형 및 기본값 설정

정보 표시 시스템은 여러 가지 유형을 제공하므로 시계 모드는 화면에 표시할 수 있는 데이터 유형을 표현할 수 있습니다. 예를 들어 이전에 표시된 원호 정보 표시는 SMALL_IMAGE와 같은 이미지 기반 정보 표시 데이터 유형에는 적합하지 않지만 RANGED_VALUE과 같은 숫자 데이터에는 매우 적합할 수 있습니다.

ComplicationSlot 선언에서 supportedTypes을 이 슬롯에서 렌더링할 수 있는 유형의 공백으로 구분된 목록으로 설정합니다.

EMPTY 유형을 허용하지 않는 한 ComplicationSlot의 기본 소스도 설정해야 합니다. EMPTY 유형을 허용하는 경우 기본값 설정은 선택사항입니다.

<ComplicationSlot slotId="2" supportedTypes="SHORT_TEXT SMALL_IMAGE EMPTY"
    x="250" y="100" width="100" height="100">
    <DefaultProviderPolicy
        defaultSystemProvider="STEP_COUNT"
        defaultSystemProviderType="SHORT_TEXT" />
    <!-- ... -->
</ComplicationSlot>watchface_complications.xml

시스템 제공자를 지정해야 하는 것 외에도 원하는 경우 기본적으로 사용할 비시스템 제공자(예: 이미 설치된 경우 서드 파티 제공자)를 지정할 수 있습니다.

정보 표시 데이터 렌더링

ComplicationSlot, 경계, 포함된 Complication 요소를 정의한 후 PartDraw, PartImage, PartText과 같은 표준 WFF 구성요소를 사용하여 컴플리케이션 데이터를 표시합니다.

Complication 데이터 내 요소는 COMPLICATION이라는 특수 데이터 소스에 액세스할 수 있습니다. 이 데이터 소스는 시계 화면 데이터 소스에서 설정한 다양한 데이터 속성을 제공합니다.

예를 들어 SMALL_IMAGE 컴플리케이션은 COMPLICATION.SMALL_IMAGE 및 COMPLICATION.SMALL_IMAGE_AMBIENT 값을 설정할 수 있습니다. Image 요소에서 리소스 대신 다음을 사용할 수 있습니다.

<Complication type="SMALL_IMAGE">
    <PartImage x="0" y="0" width="100" height="100">
        <Image resource="[COMPLICATION.SMALL_IMAGE]" />
    </PartImage>
</Complication>watchface_complications.xml

다양한 시계 화면 유형마다 설정할 수 있는 사용 가능한 속성 집합이 다릅니다. 각 속성의 전체 목록은 Complication 참조를 확인하세요. 이 예시에서는 SHORT_TEXT 정보 표시에서 텍스트를 표시합니다.

<Complication type="SHORT_TEXT">
    <PartText x="0" y="0" width="100" height="100">
        <Text>
            <Font size="32">
                <Template>
                    <![CDATA[%s]]><Parameter expression="[COMPLICATION.TEXT]" />
                </Template>
            </Font>
        </Text>
    </PartText>
</Complication>watchface_complications.xml

컴플리케이션을 렌더링할 때 유용성 극대화

ComplicationSlots를 시계 화면에 추가할 때는 다음과 같은 몇 가지 문제가 있습니다.

정보 표시 데이터 유형은 다양합니다. 다양한 앱이 이러한 기능을 하나 또는 여러 개 제공할 수 있습니다.
각 정보 표시 데이터 유형에는 필수 속성 외에도 많은 선택적 속성이 있습니다. 다양한 조합을 고려하여 사용 가능한 속성으로 가장 유용한 렌더링이 이루어지는지 확인합니다.

이러한 문제를 해결하기 위한 전략은 다음과 같습니다.

슬롯별로 여러 정보 표시 유형 지원 예를 들어 SHORT_TEXT는 정보 표시 데이터 소스에서 널리 지원되므로 작은 원형 정보 표시를 위한 SHORT_TEXT RANGED_VALUE와 같은 다양한 유형을 지원하면 호환성이 높아집니다.
시계 화면에 다양한 정보 표시 유형을 제공합니다. 예를 들어 가장자리에 배치된 원호 정보 표시에서는 RANGED_VALUE 및 GOAL_PROGRESS를 지원하고 시계 화면 본문의 원형 정보 표시에서는 SHORT_TEXT 및 SMALL_IMAGE를 지원할 수 있습니다.
각 데이터 유형의 선택적 요소를 확인합니다. 예를 들어 SHORT_TEXT 옵션은 선택적으로 제목 속성과 이미지를 지원합니다. 사용 가능한 데이터를 렌더링하는 레이아웃은 이미지나 제목의 사용 가능 여부에 따라 다를 수 있습니다.

정보 표시를 통해 유용한 데이터 제공 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.