화면 높이를 초과하는 정보가 포함된 페이지나 더 길고 몰입도 높은 여정이 필요한 페이지에는 스크롤 뷰를 사용하세요.
사전 설정된 스크롤 레이아웃 구성요소
하단 버튼 스택이 있는 대화상자
하단 버튼 스택이 있는 대화상자
하단에 이중 버튼이 있는 대화상자
맞춤 스크롤 레이아웃 예시
스크롤 앱 화면은 설정된 구성요소로 제한되지 않으며 요소를 결합하여 원하는 레이아웃을 만들 수 있습니다. 스크롤 화면의 길이와 반응형 (백분율) 여백 및 패딩 사용에 유의하여 구성요소가 사용 가능한 화면 크기에 적응하는지 확인합니다.
더 큰 화면의 추가 콘텐츠
버튼 목록: 아이콘 크기가 26dp인 아이콘 버튼
버튼 목록: 아이콘 크기가 32dp인 앱 버튼
버튼 목록: 아이콘 크기가 36dp인 앱 버튼
전환 버튼이 있는 버튼 목록
단일 행 요소가 포함된 혼합 목록
여러 줄 요소가 포함된 혼합 목록
앱 카드가 있는 카드 목록
제목 카드가 있는 카드 목록
맞춤 카드가 있는 카드 목록
텍스트 목록
반응형 및 적응형 동작
Compose 라이브러리의 모든 구성요소는 더 넓은 화면 크기에 자동으로 적응하고 너비와 높이가 증가합니다. 반응형 디자인 관행을 사용하는 스크롤 뷰는 일반적으로 다양한 화면 크기에 맞게 조정됩니다. 하지만 특별한 경우 중단점을 사용하여 크기를 재정의하고 기능을 확장하거나, 한눈에 보기 기능을 개선하거나, 콘텐츠가 화면에 더 잘 맞도록 레이아웃을 보강할 수 있습니다.
반응형 매개변수가 올바르게 정의되었는지 확인하려면 다음 체크리스트를 사용하세요.
- 권장되는 상단, 하단, 측면 여백을 적용합니다.
- 스크롤 가능한 컨테이너의 시작과 끝에서 잘리지 않도록 외부 여백을 백분율 값으로 정의합니다.
- UI 요소 간에 고정 DP 값으로 여백을 적용합니다.
- 더 큰 화면 크기에서 추가 콘텐츠를 도입하거나 기존 콘텐츠를 더 쉽게 살펴볼 수 있도록 225dp에서 중단점을 적용하는 것이 좋습니다.
