Lưới trình bày các mục trong một 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ẻ để điều hướng theo thẻ.
Bao gồm:
- Tiêu đề bằng chuỗi hành động không bắt buộc (chuỗi hành động được thay thế bằng thẻ khi mẫu này được nhúng vào Mẫu thẻ)
- 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 hình ảnh kích thước lớn
- Văn bản chính cho từng mục trong lưới (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
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.
Lưới mà một số mục có văn bản phụ (ví dụ cho Android Auto)
Lưới có biểu tượng của một mục tạm thời được thay thế bằng vòng quay đang tải và văn bản chính của mục khác bị cắt ngắn do độ dài của mục đó vượt quá không gian có sẵn (ví dụ về AAOS)
Yêu cầu về trải nghiệm người dùng 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 | Biểu thị 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à bỏ chọn) theo các biến thể về hình ảnh, biểu tượng hoặc văn bản. |
| KHÔNG NÊN | Bao gồm đồng thời cả một 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ục trong lưới khi đang thực hiện thao tác liên kết với mục đó. |