Sử dụng các bố cục phổ biến để giúp bạn bố trí ứng dụng cho các trường hợp sử dụng và kích thước màn hình phổ biến. Các thành phần sẵn sàng sử dụng này là điểm khởi đầu tốt.
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ó danh sách hoặc chế độ xem chi tiết xuất hiện. Khi 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 sẽ tạo nên dạng bố cục phổ biến nhất cho ứ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ể là 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à lý tưởng để cho thấy 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ể cuộn, danh sách này là duy nhất đối với từng người dùng và thay đổi khi người dùng tải thêm hình ảnh lên. Các hình ảnh này là nội dung động.
- Nội dung tĩnh đại diện cho nội dung được mã hoá cứng, 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ể 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 về thiết kế đối với 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 tập hợ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 là ở dạng thẻ hoặc ô. Nội dung có thể là động, nghĩa 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ụ ý hoặc rõ ràng về việc chứa. Bạn có thể áp dụng bố cục lưới một cách linh hoạt hơn hoặc so le để thay đổi các hàng và cột. Cả hai đều phải áp dụng nhất quán khoảng cách và logic để tránh gây nhầm lẫn cho người dùng.
Bạn có thể triển khai bố cục nguồn cấp dữ liệu bằng Danh sách trì hoãn hoặc lưới trì hoãn.
Ví dụ: ở đây, thư viện ảnh và podcast trong bố cục 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ế độ điều khiển hỗ trợ, chẳng hạn như trang tính hoặc hộp thoại. Chúng giúp chế độ xem chính luôn tập trung và không bị lộn xộn.
Tìm hiểu về hướng dẫn M3 cho trang tính ở dưới cùng.
WebView
WebView hiển thị các trang web trong ứng dụng. Trong hầu hết các trường hợp, bạn nên sử dụng trình duyệt web tiêu chuẩn, chẳng hạn như Chrome, để phân phối nội dung cho người dùng. Để tìm hiểu thêm về trình duyệt web, hãy đọc hướng dẫn về cách gọi trình duyệt bằng ý định.