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

정보 표시는 추가 정보를 표시하는 시계 화면의 기능으로, 시계 화면이 실제 시계이든 스마트시계이든 관계없습니다. 일반적으로 사용자는 정보 표시에 표시할 정보를 선택합니다.

일반적으로 정보 표시는 다음과 같은 다양한 형태로 제공됩니다.

  1. 직사각형
  2. 원형
  3. 시계 화면 가장자리의 원호
  4. 시계 화면 전체를 덮는 배경

Wear OS에서 정보 표시 시스템은 두 부분으로 나눌 수 있습니다.

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

예를 들어 건강/피트니스 앱은 일일 걸음 수 정보 표시 데이터 소스를 구현할 수 있습니다. WFF 시계 화면에서 렌더링할 수 있습니다.

정보 표시의 데이터 소스

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

예를 들어 건강/피트니스 일일 걸음 수 정보 표시 데이터 소스는 사용자가 오늘 목표 걸음 수 10,000개 중 2,400개를 걸었음을 나타내는 다음 데이터를 생성할 수 있습니다.

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

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

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

정보 표시 정의

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

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

정보 표시의 시계 화면에 있는 각 공간은 ComplicationSlot로 정의되며, 이 공간 내에서 정보 표시의 렌더링을 위한 경계 영역이 정의됩니다.

<ComplicationSlot slotId="1" supportedTypes="SHORT_TEXT SMALL_IMAGE EMPTY"
    x="0" y="0" width="225" height="225">
    <BoundingArc centerX="225" centerY="225" width="450" height="450"
        startAngle="270" endAngle="360" thickness="50" />
  <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>

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

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

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

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

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

<ComplicationSlot slotId="1" ...>
    <BoundingArc .../>
    <DefaultProviderPolicy
        defaultSystemProvider="STEP_COUNT"
        defaultSystemProviderType="SHORT_TEXT" />
</ComplicationSlot>

시스템 제공자를 지정해야 할 뿐만 아니라 선택적으로 기본적으로 사용할 서드 파티 제공자와 같은 시스템 외 제공자를 지정할 수 있습니다(이미 설치된 경우).

정보 표시 데이터 렌더링

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

Complication 데이터 내의 요소는 정보 표시 데이터 소스에서 설정된 다양한 데이터 속성을 제공하는 특수 데이터 소스인 COMPLICATION에 액세스할 수 있습니다.

예를 들어 SMALL_IMAGE 정보 표시가 COMPLICATION.SMALL_IMAGE 및 COMPLICATION.SMALL_IMAGE_AMBIENT 값을 설정할 수 있습니다. 다음은 Image 요소에서 리소스 대신 사용할 수 있습니다.

<Complication type="SMALL_IMAGE">
  <PartImage ...>
    <Image resource="[COMPLICATION.SMALL_IMAGE]" />
  </PartImage>
</Complication>

각 정보 표시 유형에는 설정할 수 있는 속성 집합이 다릅니다. 각 속성의 전체 목록은 Complication 참조를 참고하세요. 이 예에서는 SHORT_TEXT 정보 표시의 텍스트를 표시합니다.

<Complication type="SHORT_TEXT">
  <PartText ...>
    <Text>
      <Font ...>
        <Template>
          <![CDATA[%s]]><Parameter expression="[COMPLICATION.TEXT]" />
        </Template>
      </Font>
  </PartImage>
</Complication>

정보 표시 렌더링 시 유용성 극대화

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

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

이러한 문제를 해결하기 위한 전략에는 다음이 포함됩니다.

  1. 각 슬롯에 여러 정보 표시 유형을 지원합니다. 예를 들어 SHORT_TEXT는 정보 표시 데이터 소스에서 매우 광범위하게 지원되므로 작은 원형 정보 표시의 SHORT_TEXT RANGED_VALUE와 같은 다양한 유형을 지원하면 호환성이 향상됩니다.
  2. 시계 화면에서 다양한 정보 표시 유형을 제공합니다. 예를 들어 가장자리에 배치된 Arc 정보 표시에는 RANGED_VALUE 및 GOAL_PROGRESS를, 시계 화면 본문의 원형 정보 표시에는 SHORT_TEXT 및 SMALL_IMAGE를 지원할 수 있습니다.
  3. 각 데이터 유형의 선택적 요소를 확인합니다. 예를 들어 SHORT_TEXT는 선택적으로 title 속성과 이미지를 지원합니다. 사용 가능한 데이터를 렌더링하기 위한 레이아웃은 이미지 또는 제목을 사용할 수 있는지 여부에 따라 다를 수 있습니다.