시계 모드 디자인

맞춤 시계 모드는 색상, 애니메이션, 상황별 정보를 포함한 역동적인 디지털 캔버스를 활용합니다.

Wear OS by Google용 시계 모드를 만들려면 기존의 시계 모드에서 했던 것처럼 시간을 명확하게 시각화해야 합니다. Wear OS 기기는 생동감 넘치는 색상, 동적 배경, 애니메이션 및 데이터 통합과 같이 디자인에서 활용할 수 있는 시계 모드의 고급 기능을 제공합니다. 그러나 유의해야 할 디자인 고려 사항이 많이 있습니다.

시계 모드 디자인을 시작하려면 대화형 시계 모드를 참조하세요.

시계 모드의 예를 보려면 다양한 시계 모드에서 선택 가능한 Wear OS by Google 호환 앱을 다운로드하세요.

다음 관련 리소스를 참조하세요.

시계 모드의 구현 계획

시계 모드의 디자인을 완료했으면 필요한 데이터를 가져오는 방법을 결정하고 웨어러블 기기에 시계 모드를 그려야 합니다. 대부분의 구현에는 다음 구성요소가 포함됩니다.

  • 하나 이상의 배경 이미지
  • 필요한 데이터를 검색하기 위한 애플리케이션 코드
  • 배경 이미지 위에 텍스트와 모양을 그리기 위한 애플리케이션 코드

일반적으로 앱의 대화형 모드와 대기 모드에서 다른 배경 이미지가 표시됩니다. 대기 모드용 이미지를 보기 좋게 만드는 것은 어려울 수 있습니다. 따라서 대기 모드 배경은 종종 이미지가 없는 완전한 검은색 또는 회색입니다.

화면 밀도가 hdpi인 Wear OS 기기의 배경 이미지는 정사각형 및 원형 기기에 맞게 320x320픽셀 크기여야 합니다. 원형 기기에서는 배경 이미지의 모퉁이가 표시되지 않습니다. 기기 화면의 크기를 코드에서 감지하고 기기의 해상도가 이미지보다 낮으면 배경 이미지 크기를 줄일 수 있습니다. 성능을 높이려면 배경 이미지를 한 번만 조정하고 결과 비트맵을 저장해야 합니다.

필요한 만큼만 문맥 데이터를 검색하도록 애플리케이션 코드를 실행하고, 시계 모드를 그릴 때마다 데이터를 재사용하도록 결과를 저장해야 합니다. 예를 들어 날씨 업데이트는 매분 가져올 필요가 없습니다.

배터리 수명을 늘리려면 대기 모드에서 시계 모드를 그리는 애플리케이션 코드가 비교적 간단해야 합니다. 이 모드에서는 일반적으로 제한된 색상 세트를 사용하여 윤곽선을 그립니다. 대화형 모드에서는 전체 색상, 복잡한 모양, 그라데이션 및 애니메이션을 사용하여 시계 모드를 그릴 수 있습니다.

이 클래스의 나머지 과정에서는 시계 모드를 구현하는 방법을 자세히 보여줍니다.