시계 화면 디자인

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

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

코딩 없이 시계 화면을 디자인하려면 시계 화면 스튜디오를 참고하세요.

시계 화면 디자인을 시작하려면 다른 시계 화면 예를 검토하세요. Wear OS 호환 앱을 다운로드하여 다양한 시계 화면을 둘러보세요.

시계 화면의 구현 계획

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

  • 하나 이상의 배경 이미지
  • 필요한 데이터를 가져오는 애플리케이션 코드
  • 배경 이미지 위에 텍스트와 도형을 그리는 애플리케이션 코드

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

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

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

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

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

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