en ko

워치 페이스 스튜디오에서 정보 표시 빌드

WFS를 사용하면 워치 페이스에 추가 정보를 표시하는 워치 페이스 정보 표시를 만들고 맞춤 설정할 수 있습니다.

정보 표시는 데이터 소스의 데이터를 표시합니다. 이를 통해 코드를 추가로 사용하지 않고도 워치 페이스에 추가 정보를 표시할 수 있습니다.

정보 표시 추가

WFS에서 구성요소 추가 버튼을 사용하여 정보 표시를 추가할 수 있습니다. 모양을 기준으로 총 4가지 정보 표시 슬롯이 있습니다. 워치 페이스에 어울리는 정보 표시 슬롯을 추가할 수 있습니다. 디바이스에 워치 페이스를 설치한 후 사용자는 애플리케이션에서 제공되는 슬롯에서 지원되는 정보 표시 제공자에 모두 접근할 수 있고 설정을 변경할 수 있습니다.

그림 1. 정보 표시 슬롯과 아이콘

정보 표시 슬롯은 슬롯 영역 레이어와 컴포넌트로 구성되어 있습니다. 컴포넌트는 레이아웃을 만들고 슬롯 영역 레이어는 모양을 결정합니다. 슬롯 영역을 벗어난 콘텐츠는 마스크 동작과 같이 클립 아웃됩니다.

각 정보 표시 슬롯은 각 모양에 가장 어울리는 Wear OS에서 제공되는 정보 표시 슬롯 제공자 타입을 가집니다.

슬롯

슬롯 경계 모양

지원되는 컴플리케이션 유형

Circle

원형

  • Short text
  • Range value
  • Small image
  • Icon
Line

사각형

  • Short text
Small box

사각형

  • Short text
  • Range value
  • Small image
  • Icon
Large box

원형

  • Long text
  • Range value
  • Small image
테이블 1. 슬롯 영역과 각 경계 모양

그림 2. 슬롯 영역 모양



정보 표시 설정

다음 이미지와 같이 워치 사용자가 정보 표시를 수정할 수 있는지를 설정할 수 있습니다. 고정을 선택하면 사용자가 정보 표시를 변경할 수 없습니다.

그림 3. 고정/수정 여부 옵션

  • 지원 타입
    정보 표시 슬롯에서 사용할 수 있는 타입입니다. 기본적으로 각 슬롯에는 모든 타입이 선택되어 있습니다. 특정 타입의 레이아웃만 워치 페이스에 표시하려면 원하는 타입을 선택하면 됩니다.

Circle 슬롯과 같이 여러 타입을 지원한다면 우선순위에 따라 타입이 목록으로 표시됩니다. 예를 들어 Circle 슬롯에서 Ranged value 타입이 Short text 타입보다 위에 있다면, Ranged value, Short text 타입이 모두 제공되는 경우 Ranged value가 우선적으로 표시됩니다. Short text 타입이 먼저 표시되게 하려면 Short text 타입을 위쪽에 배치하면 우선순위가 자동으로 바뀝니다.

그림 4. Circle 슬롯의 지원 타입과 기본 타입

  • 기본 제공자
    워치 페이스가 설치된 직후 또는 사용자가 변경하기 전까지 표시되는 초기 제공자를 의미합니다. 기본 제공자는 지원 타입으로 선택된 타입에 따라 달라집니다.

레이아웃 관리

정보 표시를 만들 때는 정보 표시 미리보기 속성 창에서 레이아웃 옵션을 수정하여 레이아웃을 선택할 수 있습니다.

일부 정보 표시 데이터에는 아이콘이나 보조 텍스트와 같은 선택적 요소가 포함되지 않을 수 있습니다. 다음 이미지와 같이 모든 디바이스 미리보기에서 디자인을 테스트하여 정보 표시가 예상대로 표시되는지 확인합니다.

추가한 정보 표시 슬롯에는 슬롯 모양에 가장 최적화되어 있는 여러 레이아웃이 이미 포함되어 있습니다. 레이아웃은 원하는 대로 추가하거나 삭제할 수 있으며 수정도 가능합니다. 지원 타입을 변경하면 해당 내용이 관련 레이아웃에 자동으로 반영됩니다.

그림 5. 지원 타입의 레이아웃


정보 표시 스타일 확인

워치 페이스의 전체 디자인과 일치하도록 정보 표시의 색상과 글꼴을 지정합니다.

테스트 텍스트 필드는 워치 페이스에서 텍스트 크기와 배치가 어떻게 표시되는지 확인하기 위한 용도이며 이 필드의 텍스트는 실제로 표시되지 않습니다. 이는 정보 표시의 다른 테스트 구성 요소에서도 동일합니다.

그림 6. 디자인 지원을 위한 테스트 필드