화면 옵션

컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.

여러 시계 모양 처리 방법을 이해했으면 사용할 오버레이 유형을 결정하세요.

다음 목록은 오버레이 화면 유형을 설명합니다. 화면이 여러 개 필요하다면 다음 유형을 조합하여 사용할 수 있습니다.

  • 단일 화면(가장 간단함): 스크롤 없이 한 번에 표시되는 항목으로 UI 요소가 제한됩니다.
  • 세로 컨테이너(가장 일반적): 표시되는 화면 부분을 넘어 콘텐츠가 존재합니다(스크롤하여 액세스 가능).
  • 기타 옵션(목록 또는 페이징, 2D 화면 이동)

참고: 활동의 경우 ComponentActivity 또는 FragmentActivity(프래그먼트를 사용하는 경우)에서 상속받아야 합니다. 다른 활동 유형은 Wear OS에 필요하지 않은 모바일 전용 UI 요소를 사용합니다.

단일 화면

사용자가 스크롤하지 않고도 단일 화면에서 모든 요소를 볼 수 있습니다. 즉, 적은 수의 요소만 포함할 수 있습니다.

그림 1. 단일 화면의 여러 예

단일 화면은 BoxInsetLayout, ConstraintLayout과 함께 잘 작동하여 요소를 정렬합니다.

BoxInsetLayout은 개발자가 정사각형, 직사각형, 원형 화면에서 작동하는 단일 레이아웃을 정의할 수 있는 Wear OS UI 위젯입니다. 이 클래스는 화면 모양에 따라 필수 창 인셋을 적용하므로 개발자가 손쉽게 화면 중앙에 뷰를 정렬할 수 있습니다. 그러나 별도의 레이아웃을 만들어 각 화면 모양을 활용하려면 layout-roundlayout-notround를 사용하세요. 자세한 내용은 정사각형 및 원형 화면에 다른 레이아웃 사용을 참고하세요.

세로 컨테이너

세로 컨테이너는 가장 일반적인 오버레이 유형이며 화면에 표시되지 않지만 스크롤하여 액세스할 수 있는 추가 콘텐츠를 포함합니다.

다음 이미지는 몇 가지 완전한 오버레이 예를 보여줍니다. 이 예에서는 콘텐츠의 일부분만 시계의 원형 화면에 표시됩니다. 기본 콘텐츠는 컨테이너의 상단에 있습니다. 이 예에서 다른 중요한 사용자 여정(CUJ) 및 설정은 하단에 있습니다.

단일 화면 오버레이와 달리 BoxInsetLayout은 사용하지 마세요. 대신 NestedScrollView 내에 ConstraintLayout을 배치합니다. 이렇게 하면 원형 디스플레이 측면의 추가 공간을 활용할 수 있습니다.

ConstraintLayout 내에서 앱에 가장 적합한 위젯을 배치합니다.

세로 컨테이너의 상단과 하단에 있는 콘텐츠가 이전 예와 같이 원형 디스플레이의 상단과 하단에 맞도록 충분히 작아야 합니다.

참고: 가능하면 XML에서 android:scrollbars="vertical"을 설정하여 NestedScrollView에 스크롤 표시기를 추가하세요. 이렇게 하면 사용 가능한 콘텐츠가 더 있는지 사용자가 파악할 수 있고 모든 콘텐츠와 관련하여 사용자의 위치를 확인할 수 있습니다.

오버레이 화면의 기타 옵션

  • 목록: 웨어러블 표면에 최적화된 WearableRecyclerView 위젯으로 대량의 데이터를 표시합니다. 자세한 내용은 Wear OS에서 목록 만들기를 참고하세요.
  • 가로 페이징: 동위 화면이 여러 개인 사용 사례의 경우 가로 스와이프를 사용합니다. 가로 페이징을 사용한다면 왼쪽 가장자리에 스와이프하여 닫기를 지원해야 합니다.
  • 2D 화면 이동: 지도와 같은 사용 사례에서는 사용자가 다양한 방향으로 드래그하여 화면 이동할 수 있습니다. 활동이 전체 화면을 차지하는 경우 스와이프하여 닫기를 사용 설정합니다.