Tạo bố cục tiện ích hiệu quả bằng cách xác định nội dung cốt lõi của bạn trước. Thông tin bố cục chỉ rõ cách sắp xếp thông tin và các phần tử tương tác trong tiện ích của bạn. Android cung cấp một số bố cục tạo sẵn cho văn bản, danh sách và các tiện ích dạng lưới để đơn giản hoá quy trình này.
Văn bản
Bố cục văn bản là lựa chọn lý tưởng để trình bày thông tin ngắn gọn. Cải thiện hình ảnh tạo sự hấp dẫn cho tiện ích của bạn bằng cách thêm hình ảnh cùng với văn bản (không bắt buộc).
Phù hợp với tiêu đề, nội dung cập nhật trạng thái, đoạn mô tả ngắn hoặc mọi tình huống trong đó một dòng văn bản truyền tải thông điệp hiệu quả. Tham khảo Mẫu bố cục chuẩn để được hướng dẫn về cách linh động chuyển tỷ lệ nội dung văn bản dựa trên kích thước tiện ích.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/01_Text_only.jpg?authuser=8&hl=vi)
Thêm hình ảnh để tăng tác động trực quan. Để biết thêm thông tin, hãy xem Điểm ngắt để tìm hiểu cách điều chỉnh bố cục này cho nhiều kích thước màn hình.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/02_Text_and_Image.jpg?authuser=8&hl=vi)
Danh sách
Sử dụng bố cục danh sách để sắp xếp nhiều mục theo định dạng rõ ràng, có thể quét được. Chiến dịch này là lựa chọn lý tưởng cho các tiêu đề tin tức, danh sách việc cần làm hoặc thông báo. Sắp xếp nội dung thành một có cấu trúc đơn giản và dễ đọc lướt. Chọn giữa vùng chứa hoặc không có vùng chứa dựa trên nhu cầu nội dung của bạn.
Danh sách văn bản và hình ảnh có thể quét dễ dàng là lựa chọn hoàn hảo để hiển thị nhiều danh sách các loại nội dung, chẳng hạn như tiêu đề tin tức, danh sách phát có ảnh bìa đĩa nhạc hoặc tin nhắn.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/01_Text_Image.jpg?authuser=8&hl=vi)
Bố cục danh sách kiểm tra rất lý tưởng để trình bày các việc cần làm, giúp bạn nhấn rõ ràng mục tiêu để người dùng dễ dàng đánh dấu các mục là đã xong.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/02_Checklist.jpg?authuser=8&hl=vi)
Cung cấp nhóm điều khiển trực quan với danh sách thao tác có thể bật/tắt hình ảnh Các trạng thái cung cấp phản hồi ngay lập tức về trạng thái mặt hàng.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/03_Action_List.jpg?authuser=8&hl=vi)
Lưới
Trình bày hình ảnh trong một lưới nhỏ gọn, linh hoạt và có hình ảnh phong phú với các nhãn không bắt buộc. Sử dụng các cột và hàng thích ứng với nhiều kích thước màn hình.
Tạo thư viện hình ảnh có tác động trực quan, có thể cuộn bằng cách chỉ sử dụng hình ảnh lưới. Các hàng và cột tự động điều chỉnh cho vừa với các kích thước màn hình khác nhau bản trình bày tối ưu.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/01_Image_Only.jpg?authuser=8&hl=vi)
Bạn cũng có thể kết hợp nhãn văn bản và mô tả để làm phong phú thêm nội dung lưới hình ảnh có ngữ cảnh và thông tin bổ sung.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/02_Image_and_Text.jpg?authuser=8&hl=vi)