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).
Chỉ văn bản
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.
Văn bản và hình ảnh
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.
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
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.
Danh sách kiểm tra
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.
Danh sách hành động
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.
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.
Chỉ chia sẻ hình ả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.
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à 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.