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 tiên. Bố cục
của bạn cho biết cách sắp xếp thông tin và các phần tử tương tác trong
tiện ích. Android cung cấp một số bố cục được tạo sẵn cho tiện ích dạng văn bản, danh sách và 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 súc tích. Cải thiện sự bắt mắt của tiện ích bằng cách tuỳ ý bao gồm hình ảnh cùng với văn bản.
Chỉ văn bản
Phù hợp với tiêu đề, thông tin cập nhật trạng thái, phần mô tả ngắn hoặc bất kỳ tình huống nào
mà chỉ cần một dòng văn bản truyền tải thông điệp hiệu quả. Hãy tham khảo Mẫu bố cục chuẩn để biết 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.
Văn bản và hình ảnh
Thêm hình ảnh để tăng hiệu quả về mặt hình ảnh. Để biết thêm thông tin, hãy xem bài viết Đ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.
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. Tính năng này lý tưởng cho các dòng 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 danh sách có cấu trúc, dễ đọc lướt. Chọn giữa bản trình bày có 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ác danh sách văn bản và hình ảnh có thể dễ dàng quét là lựa chọn hoàn hảo để giới thiệu nhiều loại nội dung, chẳng hạn như các tiêu đề tin tức, danh sách phát có ảnh bìa đĩa nhạc hoặc thông điệp.
Danh sách kiểm tra
Bố cục danh sách kiểm tra là lựa chọn hoàn hảo để hiển thị các tác vụ, cung cấp mục tiêu nhấn rõ ràng để người dùng dễ dàng đánh dấu các mục là đã hoàn tất.
Danh sách hành động
Cung cấp nhóm điều khiển trực quan với danh sách hành động, trong đó các trạng thái bật/tắt
trực quan đưa ra 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 và trực quan phong phú với các nhãn tùy chọn.
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 các lưới chỉ hình ảnh. Các hàng và cột tự động điều chỉnh cho vừa với nhiều kích thước màn hình để hiển thị 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 bản và nội dung mô tả để làm phong phú nội dung trong lưới hình ảnh bằng ngữ cảnh và thông tin bổ sung.