Mẫu lưới

Lưới hiển thị các mục theo bố cục lưới.

Mẫu này rất hữu ích khi người dùng chủ yếu dựa vào hình ảnh để lựa chọn.

Bạn có thể nhúng mẫu này vào Mẫu thẻ để cung cấp tính năng điều hướng theo thẻ.

Bạn có thể đưa mẫu này vào Mẫu bản đồ + Nội dung để cung cấp một lưới trên bản đồ.

Bao gồm:

  • Tiêu đề không bắt buộc (tiêu đề được thay thế bằng thẻ khi mẫu này được nhúng trong Mẫu thẻ)
  • Các mục trong lưới (xem ghi chú bên dưới), mỗi mục chứa một biểu tượng hoặc một hình ảnh kích thước lớn
  • Văn bản chính cho từng mục trong lưới (không bắt buộc)
  • Văn bản phụ cho mỗi mục trong lưới (không bắt buộc)
  • Nút hành động nổi không bắt buộc
Khung xương của mẫu Lưới

Ví dụ về mẫu lưới

Các ví dụ sau đây về Android Auto và Android Automotive OS (AAOS) được tạo bằng mẫu Lưới.

Ví dụ cho thấy một lưới các hành động có thể thực hiện trên một bản đồ
Lưới hành động được nhúng trong mẫu Bản đồ + Nội dung
Ví dụ về chế độ cài đặt
Lưới có các mục đã bật và một mục bị tắt

Yêu cầu về trải nghiệm người dùng của mẫu lưới

Nhà phát triển ứng dụng:

NÊN Giới hạn độ dài của chuỗi văn bản chính và phụ để tránh bị cắt bớt.
NÊN Liên kết một thao tác với từng mục trong lưới (không nên dùng các mục chỉ cung cấp thông tin).
NÊN Cho biết rõ trạng thái của mục (đối với các mục trong lưới có nhiều trạng thái, chẳng hạn như đã chọn và chưa chọn) theo các biến thể về hình ảnh, biểu tượng hoặc văn bản.
NÊN Bao gồm một tiêu đề có tiêu đề không bắt buộc cũng như các thao tác chính và phụ.
KHÔNG NÊN Bao gồm đồng thời cả chuỗi hành động và nút hành động nổi.
CÓ THỂ Hiển thị vòng quay đang tải thay vì biểu tượng hoặc hình ảnh cho một mục trong lưới khi đang thực hiện thao tác liên kết với mục đó.