Bố cục tiện ích chuẩn

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 trước. Bố cục của bạn sẽ quyết định cách thông tin và các phần tử tương tác được sắp xếp trong tiện ích. Android cung cấp một số bố cục dựng sẵn cho các tiện ích thanh công cụ, văn bản, danh sách và kiểu 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 để hiển thị thông tin ngắn gọn. Bạn có thể cải thiện sức hấp dẫn về mặt hình ảnh của tiện ích bằng cách thêm hình ảnh cùng với văn bản (không bắt buộc).

Chỉ có văn bản

Lý tưởng cho tiêu đề, nội dung cập nhật trạng thái, nội dung mô tả ngắn hoặc bất kỳ trường hợp nào mà một dòng văn bản truyền tải thông điệp một cách hiệu quả. Tham khảo Mẫu bố cục chuẩn để biết hướng dẫn về cách điều chỉnh tỷ lệ nội dung văn bản một cách linh động dựa trên kích thước tiện ích.

Văn bản và hình ảnh

Thêm hình ảnh để tăng hiệu ứng thị giác. Để biết thêm thông tin, hãy xem phần Điểm ngắt để tìm hiểu cách điều chỉnh bố cục này cho phù hợp với nhiều kích thước màn hình.

Thanh công cụ

Sử dụng bố cục thanh công cụ để cung cấp cho người dùng quyền truy cập nhanh vào các tác vụ thường dùng trong ứng dụng của bạn, trong một bố cục linh hoạt có thể điều chỉnh theo kích thước tiện ích.

Thanh công cụ tìm kiếm

Bố cục thanh công cụ tìm kiếm được thiết kế có chủ đích để thu hút sự chú ý đến tính năng tìm kiếm như một hành động chính trong thanh công cụ. Các nút tiện dụng khác có thể giúp bạn truy cập nhanh vào các chức năng thường dùng.

Thanh công cụ

Thanh công cụ trình bày thương hiệu ứng dụng, sau đó là các nút cho những tác vụ thường dùng nhất, phù hợp với các chế độ cài đặt có thể bật/tắt hoặc đường liên kết đến tác vụ. Khi đổi kích thước, bạn có thể ẩn các lựa chọn ít dùng để ưu tiên các thao tác phổ biến hơn. Sử dụng Điểm ngắt để thêm một nút có thể nhấn mới với kích thước tối thiểu là 48 dp khi có đủ không gian.

Danh sách

Sử dụng bố cục danh sách để sắp xếp nhiều mục theo một định dạng rõ ràng, dễ quét. Đây là lựa chọn lý tưởng cho tiêu đề tin tức, danh sách việc cần làm hoặc tin nhắn. Sắp xếp nội dung thành một danh sách có cấu trúc và dễ quét. Chọn giữa bản trình bày có hoặc không có vùng chứa dựa trên nhu cầu về nội dung của bạn.

Danh sách văn bản và hình ảnh

Danh sách văn bản và hình ảnh có thể quét là lựa chọn phù hợp để giới thiệu nhiều 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.

Danh sách kiểm tra

Bố cục danh sách kiểm tra rất phù hợp để hiển thị các nhiệm vụ, cung cấp mục tiêu nhấn rõ ràng để người dùng nhanh chóng đánh dấu các mục là đã hoàn thành.

Danh sách thao tác

Cung cấp nhóm điều khiển trực quan bằng danh sách thao tác, trong đó trạng thái bật/tắt trực quan cung cấp ý kiến phản hồi ngay lập tức về trạng thái của mục.

Lưới

Trình bày hình ảnh trong một lưới nhỏ gọn, linh hoạt, có hình ảnh phong phú và 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.

Chỉ hình ảnh

Tạo thư viện hình ảnh có thể cuộn và có tác động trực quan bằng cách sử dụng lưới chỉ có hình ảnh. Các hàng và cột sẽ tự động điều chỉnh cho phù hợp với nhiều kích thước màn hình để có bản trình bày tối ưu.

Hình ảnh và văn bản

Bạn cũng có thể kết hợp nhãn và nội dung mô tả bằng văn bản để làm phong phú nội dung trong lưới hình ảnh bằng thông tin và bối cảnh bổ sung.