Mẫu Lưới trình bày các mục theo bố cục dạng lưới và 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 chế độ điều hướng theo thẻ hoặc đưa vào Mẫu Bản đồ + Nội dung để cung cấp một lưới trên bản đồ.
Mẫu lưới này bao gồm những thành phần sau:
- Tiêu đề không bắt buộc (tiêu đề sẽ được thay thế bằng các thẻ khi mẫu này được nhúng trong Mẫu thẻ)
- Các mục trong lưới (xem lưu ý bên dưới), mỗi mục chứa một biểu tượng hoặc hình ảnh có 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 từng mục trong lưới (không bắt buộc)
- Hình ảnh hoặc biểu tượng (không bắt buộc)
- Một huy hiệu
- Nút hành động nổi (không bắt buộc)
Để có tính linh hoạt cao hơn và tận dụng các tính năng mới nhất, hãy sử dụng mẫu Mục được phân chia thay vì mẫu Lưới. Với mẫu Mục được phân chia, bạn có thể kết hợp danh sách và lưới để tạo cấu trúc duyệt xem tuỳ chỉnh.
Các yêu cầu về trải nghiệm người dùng đối với mẫu lưới
| 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 | Có một thao tác liên kết với từng mục trong lưới (không nên dùng các mục chỉ có 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) bằng cách thay đổi hình ảnh, biểu tượng hoặc văn bản. |
| NÊN | Thêm một tiêu đề có tiêu đề không bắt buộc và các thao tác chính và phụ. |
| KHÔNG NÊN | Đồng thời thêm cả dải thao tác và nút hành động nổi. |
| THÁNG 5 | Hiển thị một biểu tượng xoay tải thay vì biểu tượng hoặc hình ảnh cho một mục trong lưới khi một thao tác liên kết với mục đó đang diễn ra. |
Tài nguyên
| Loại | Đường liên kết |
| Tài liệu tham khảo API |
GridTemplate, GridTemplate.Builder
|