Thẻ thông báo truyền một lượng nhỏ thông tin kịp thời từ hệ thống hoặc từ một ứng dụng.
Thiết kế của các thẻ này dành cho Android Automotive OS nhằm giảm thiểu sự phân tâm cho người lái xe. Các thẻ này có 3 phiên bản cơ bản:
- Thẻ Thông báo quan trọng (HUN): Dùng cho thông báo xuất hiện nhanh trên màn hình hiện tại
- Thẻ Trung tâm thông báo: Dùng cho các thông báo trong Trung tâm thông báo
- Thẻ thông báo theo nhóm: Kết hợp nhiều thẻ Trung tâm thông báo trong một thẻ
Trong các phiên bản này, thiết kế cũng có thể thay đổi đôi chút tuỳ thuộc vào danh mục của thông báo. Ví dụ: thông báo cuộc gọi có các nút và biểu tượng khác với thông báo chỉ đường.
Phân tích
Thẻ thông báo là một thành phần linh hoạt có thể bao gồm nhiều yếu tố. Tính năng này có 3 phiên bản chính:
- Thẻ HUN: Phiên bản này rộng hơn thẻ Trung tâm thông báo và xuất hiện ở đầu màn hình hiện tại cho tới khi bạn đóng
- Thẻ Trung tâm thông báo: Phiên bản này hẹp hơn thẻ HUN và xuất hiện cùng với các thẻ khác trong Trung tâm thông báo theo danh sách dọc
- Thẻ thông báo theo nhóm: Phiên bản này của thẻ Trung tâm thông báo kết hợp nhiều thông báo liên quan trong một thẻ, cùng với các tính năng mở rộng để hiển thị từng thông báo
Các biến thể của các phiên bản này theo loại thông báo sẽ xuất hiện trong phần Kiểu.
1. Tiêu đề
2. Nội dung (có và không có bản xem trước thông báo không bắt buộc, có thể bị ẩn khi xe đang lái)
3. Thao tác
4. Biểu tượng lớn
1. Tiêu đề
2. Nội dung
3. Thao tác mở rộng/thu gọn
4. Mở rộng/thu gọn chỉ báo
Thông số kỹ thuật – Thẻ HUN
HUN chuẩn
HUN cùng hình đại diện
Tin nhắn HUN có bản xem trước
Nhắn tin HUN có nhiều thư
HUN hình ảnh lớn
Thông số kỹ thuật – Thẻ Trung tâm thông báo
Thông báo tiêu chuẩn
Thông báo tin nhắn có bản xem trước
Thông báo tin nhắn có nhiều tin nhắn
Thông báo hành động duy nhất
Thông số – Thẻ thông báo theo nhóm
Thông báo được phân theo nhóm – Đã thu gọn
Thông báo theo nhóm – Đã mở rộng
Điều chỉnh tỷ lệ bố cục
Các bố cục tham chiếu này cho thấy cách điều chỉnh thông báo cho phù hợp với các màn hình có chiều rộng và chiều cao khác nhau. (Danh mục chiều rộng và chiều cao được xác định trong phần Bố cục.) Lưu ý rằng tất cả các giá trị pixel đều tính bằng pixel được kết xuất, trước khi xảy ra bất kỳ quá trình giảm hoặc tăng tần số lấy mẫu nào.
Màn hình có chiều rộng tiêu chuẩn
Màn hình rộng
Màn hình siêu rộng và siêu rộng
Khoảng cách dọc của thông báo trên các màn hình có độ cao khác nhau
Thông số về khoảng cách theo chiều dọc trong phần này chỉ dành cho thẻ HUN. Để biết thông tin về khoảng cách theo chiều dọc của các thẻ trong Trung tâm thông báo, hãy xem thông số kỹ thuật của Trung tâm thông báo.
Màn hình ngắn
Màn hình cao và màn hình có chiều cao chuẩn
Kiểu
Kiểu chữ
| Kiểu nhập | Phông chữ | Trọng lượng | Kích thước (dp) |
|---|---|---|---|
| Kiểu nội dung 1 | Roboto | Bình thường | 32 |
| Thân 3 M | Roboto | Phương tiện | 24 |
| Nội dung 3 | Roboto | Bình thường | 24 |
Màu
| Phần tử | Màu(chế độ ban ngày) | Màu (chế độ ban đêm) |
|---|---|---|
| Loại / biểu tượng chính | Trắng | Trắng @ 88% |
| Loại phụ | Trắng @ 72% | Trắng @ 60% |
| Biểu tượng phụ | Giọng bên thứ ba | Giọng bên thứ ba |
| Dải phân cách | Trắng 22% | Trắng 12% |
| Nền thẻ | Xám 868 | Xám 900 |
| Hiệu ứng chuyển màu | Đen 100% – 0% | Đen 100% – 20% |
Kích thước
| Phần tử | Kích thước (dp) |
|---|---|
| Biểu tượng chính | 44 |
| Biểu tượng phụ | 36 |
| Hình đại diện trung bình | 76 |
| Bán kính góc bo tròn (R2) | 8 |
Ví dụ
Chuyển động
Các chuyển động sau đây là một phần quan trọng của trải nghiệm thông báo:
- Chuyển động đến HUN
- Chuyển động vuốt để đóng thông báo
- Chuyển động mở rộng và thu gọn thông báo theo nhóm
Đến HUN
Vuốt để đóng
Mở rộng và thu gọn thông báo theo nhóm
