고유한 앱 화면을 설계하고 빌드하려면 Compose 레이아웃 템플릿과 샘플 디자인 레이아웃을 이해하세요.
대부분의 앱은 다음 요소로 구성된 스크롤 불가 또는 스크롤 레이아웃을 사용합니다.
- 시간 텍스트: 기기가 시계이므로 앱 여정 중에도 시간 텍스트를 표시하는 것이 좋습니다 (선택사항이지만 권장됨).
- 페이지 제목: 사용자가 여정의 어느 단계에 있는지 알려주는 경로 안내 및 알림 (선택사항이지만 권장됨)
- 스크롤 표시기: 스크롤 레이아웃에만 표시됩니다. 화면 접힌 부분 아래에 더 많은 내용이 있음을 나타냅니다.
- 작업 버튼: 하단에 배치하는 것이 좋습니다. 사용자 여정을 확인, 종료 또는 계속합니다.
앱 레이아웃 섹션
상단 섹션
상단 섹션에는 경로 찾기 및 명확한 탐색 기능을 하는 시간 텍스트, 소형 버튼, 제목 옵션이 있습니다. 모두 선택사항입니다.
좁은 버튼은 페이지가 매우 긴 특수한 경우에 사용할 수 있으며, 검색 또는 작업 버튼은 사용자가 맨 아래까지 스크롤하지 않고도 목록을 탐색하는 데 도움이 됩니다.
중간 섹션
가운데 섹션에는 사용 가능한 Compose (전체 화면이 아님) 또는 목록의 맞춤 구성요소가 포함될 수 있습니다. 이 섹션에는 콘텐츠를 그룹화하는 추가 제목과 스크롤바가 포함될 수 있습니다.
가운데 콘텐츠 섹션 내의 모든 구성요소는 반응형이어야 하며, 사용 가능한 너비를 비율 마진까지 채워야 합니다. 모든 스크롤 레이아웃에는 구성요소가 크기 조절되고 화면에서 사라지는 것을 보여주는 scaling-lazy-column 동작이 있습니다.
하단 섹션
하단 섹션은 기본 및 보조 작업 버튼을 위한 공간을 제공하거나 여정의 끝인 경우 비워 둘 수 있습니다.
목록 끝의 가장자리에 맞게 버튼을 배치하는 것이 좋습니다. 제한된 공간을 활용하고 원형 화면을 보완할 수 있기 때문입니다.
두 개 이상의 작업이 필요할 수 있으며, 이러한 작업은 버튼 스택이나 두 아이콘 버튼 그룹에 표시될 수 있습니다.
스크롤 불가능한 앱 뷰
제목이 포함된 경우
제목 없음
제목이 있고 하단 섹션이 없음
제목 또는 하단 섹션 없음
앱 뷰 스크롤
제목이 포함된 경우
제목 없음
제목이 있고 하단 섹션이 없음
제목 또는 하단 섹션 없음