Sử dụng bố cục chuẩn làm điểm bắt đầu, các thành phần sẵn sàng sử dụng giúp bố cục thích ứng với các trường hợp sử dụng và kích thước màn hình phổ biến. Những bố cục này vừa có tính thẩm mỹ vừa thiết thực, đồng thời bắt nguồn từ hướng dẫn của Material 3.
Khung Android bao gồm các thành phần chuyên biệt giúp việc triển khai bố cục trở nên đơn giản và đáng tin cậy bằng cách sử dụng Jetpack Compose hoặc API khung hiển thị.
Bố cục danh sách-chi tiết
Bố cục danh sách-chi tiết cho phép người dùng khám phá danh sách các mục có thông tin mô tả, nội dung giải thích hoặc thông tin bổ sung khác — thông tin chi tiết của mục. Đối với kích thước màn hình nhỏ gọn, chỉ có chế độ xem danh sách hoặc chi tiết xuất hiện. Hiển thị một tập hợp nội dung trong bố cục dựa trên hàng, danh sách tạo nên dạng bố cục phổ biến nhất cho các ứng dụng. Bố cục danh sách-chi tiết rất lý tưởng cho ứng dụng nhắn tin, trình quản lý danh bạ, trình duyệt tệp hoặc bất kỳ ứng dụng nào với nội dung có thể được sắp xếp dưới dạng danh sách các mục để cho thấy thông tin bổ sung.
Nội dung có thể ở dạng tĩnh hoặc động.
- Nội dung động là nội dung mà ứng dụng của bạn phân phát ngay lập tức và phù hợp để hiển thị nội dung do người dùng tạo hoặc phản ánh lựa chọn ưu tiên hoặc hành động của người dùng. Ví dụ: hãy tưởng tượng một ứng dụng ảnh có danh sách ảnh do người dùng tạo có thể di chuyển, danh sách này là riêng biệt cho từng người dùng và thay đổi khi người dùng tải thêm ảnh lên. Đây là nội dung động.
- Nội dung tĩnh là nội dung được mã hoá cứng và chỉ có thể sửa đổi bằng cách thay đổi trực tiếp mã của ứng dụng. Ví dụ về nội dung tĩnh là hình ảnh và văn bản mà mọi người dùng có thể nhìn thấy.
Tệp Figma Now in Android cung cấp nhiều ví dụ về bố cục. Ví dụ sau đây cho thấy một tập hợp nội dung một chiều.
Khám phá Danh sách Material 3 để biết thêm hướng dẫn thiết kế về các thành phần và thông số kỹ thuật của danh sách.
Bố cục nguồn cấp dữ liệu
Bố cục nguồn cấp dữ liệu sắp xếp các thành phần với nội dung tương đương trong lưới có thể định cấu hình để thuận tiện xem nhanh một lượng lớn nội dung. Tìm hiểu thêm về nguyên tắc Material 3 để sử dụng thẻ trong một bộ sưu tập. Nguồn cấp dữ liệu có thể là cấu hình dựa trên danh sách hoặc lưới trên màn hình nhỏ gọn, thường ở dạng thẻ hoặc ô. Nội dung có thể là nội dung động, tức là nội dung được "đưa vào" từ một nguồn bên ngoài động, chẳng hạn như API.
Bố cục lưới bao gồm cả hàng và cột được tạo thành theo các nguyên tắc ngăn chặn ngầm ẩn hoặc rõ ràng. Bạn có thể áp dụng bố cục dạng lưới một cách chặt chẽ hơn hoặc sắp xếp so le để thay đổi các hàng và cột. Cả hai đều phải có khoảng cách và logic nhất quán để tránh khiến người dùng nhầm lẫn. Tìm hiểu nguyên tắc của Material 3 về việc thiết kế nguồn cấp dữ liệu.
Bạn có thể triển khai bố cục nguồn cấp dữ liệu trong Compose bằng Danh sách lazy hoặc lưới lazy, hoặc trong Khung hiển thị bằng RecyclerView hoặc CardView.
Ví dụ: thư viện ảnh và podcast trong bố cục dạng lưới là các định dạng nguồn cấp dữ liệu phổ biến.
Bố cục ngăn hỗ trợ
Chế độ xem trên thiết bị di động có thể yêu cầu nội dung hoặc các chế độ kiểm soát hỗ trợ. Thường ở dạng trang tính hoặc hộp thoại, các thành phần này có thể giúp chế độ xem chính luôn tập trung và gọn gàng. Hãy xem hướng dẫn về M3 để sử dụng bố cục chính tắc của ngăn bổ trợ.
Tìm hiểu về hướng dẫn M3 cho trang tính dưới cùng.