Đối với những trang có nhiều thông tin hơn chiều cao của màn hình hoặc yêu cầu hành trình dài hơn và hấp dẫn hơn, hãy sử dụng khung hiển thị có thể cuộn.
Các thành phần bố cục cuộn đặt sẵn
Hộp thoại có ngăn xếp nút ở dưới cùng
Hộp thoại có ngăn xếp nút ở dưới cùng
Hộp thoại có hai nút ở dưới cùng
Ví dụ về bố cục cuộn tuỳ chỉnh
Màn hình ứng dụng có thể cuộn không chỉ giới hạn ở các thành phần đã đặt mà còn có thể kết hợp các phần tử để tạo bố cục bạn muốn. Hãy lưu ý đến độ dài của màn hình có thể cuộn và việc sử dụng khoảng đệm và lề thích ứng (tính theo tỷ lệ phần trăm) để xác minh rằng các thành phần thích ứng với kích thước màn hình hiện có.
Nội dung bổ sung trên màn hình lớn
Danh sách nút: Nút biểu tượng có kích thước biểu tượng là 26 dp
Danh sách nút: Nút ứng dụng có kích thước biểu tượng là 32 dp
Danh sách nút: Nút ứng dụng có kích thước biểu tượng là 36 dp
Danh sách nút có nút bật tắt
Danh sách hỗn hợp có các phần tử một dòng
Danh sách hỗn hợp có các phần tử nhiều dòng
Danh sách thẻ có thẻ ứng dụng
Danh sách thẻ có thẻ tiêu đề
Danh sách thẻ có thẻ tuỳ chỉnh
Danh sách văn bản
Hành vi thích ứng và đáp ứng
Tất cả các thành phần trong thư viện Compose đều tự động điều chỉnh cho phù hợp với kích thước màn hình lớn hơn, đồng thời tăng chiều rộng và chiều cao. Khung hiển thị có thể cuộn sử dụng các phương pháp thiết kế thích ứng thường điều chỉnh cho phù hợp với nhiều kích thước màn hình. Tuy nhiên, trong một số trường hợp đặc biệt, bạn có thể sử dụng điểm ngắt để ghi đè các phương diện và tăng cường bố cục nhằm mở rộng chức năng, cải thiện khả năng xem nhanh hoặc giúp nội dung phù hợp hơn trên màn hình.
Để xác minh rằng các tham số thích ứng được xác định đúng cách, hãy sử dụng danh sách kiểm tra sau:
- Áp dụng lề trên, lề dưới và lề bên được đề xuất.
- Xác định lề bên ngoài bằng giá trị phần trăm để ngăn nội dung bị cắt ở đầu và cuối vùng chứa có thể di chuyển.
- Áp dụng lề có giá trị DP cố định giữa các phần tử trên giao diện người dùng.
- Hãy cân nhắc áp dụng một điểm ngắt ở 225 dp để giới thiệu nội dung bổ sung hoặc giúp nội dung hiện có dễ xem hơn khi ở kích thước màn hình lớn hơn.
