Bildirim kartları, sistemden veya uygulamadan gelen kısa miktarda bilgiyi zamanında iletir.
Android Automotive OS için bu kartlar, sürücülerin dikkatini en az seviyede dağıtacak şekilde tasarlanmıştır. Kartlar üç temel sürümde sunulur:
- Uyarı bildirimi (HUN) kartı: Geçerli ekranda kısa bir süre boyunca görünen bildirimler için kullanılır.
- Bildirim Merkezi kartı: Bildirim Merkezi'nde listelenen bildirimler için kullanılır
- Gruplanmış bildirim kartı: Birden fazla Bildirim Merkezi kartını tek bir kartta birleştirir.
Bu sürümlerde, tasarımlar iletinin kategorisine bağlı olarak da biraz farklılık gösterebilir. Örneğin, arama bildirimlerinde gezinme bildirimlerinden farklı düğme ve simgeler vardır.
Anatomi
Bildirim kartı, çeşitli öğeler içerebilen esnek bir bileşendir. Üç ana sürümü vardır:
- HUN kartı: Bu sürüm, Bildirim Merkezi kartından daha geniştir ve kapatılana kadar geçerli ekranın üstünde görünür.
- Bildirim Merkezi kartı: Bu sürüm, HUN kartından daha dardır ve Bildirim Merkezi'ndeki bu tür kartlarla birlikte dikey listede görünür.
- Gruplanmış bildirim kartı: Bildirim Merkezi kartının bu sürümü, tek tek bildirimleri göstermek için genişletme denetimleriyle birlikte birden çok ilgili bildirimi tek bir kartta birleştirir
Bu sürümlerin mesaj türüne göre varyantları Stiller bölümünde gösterilir.
![](https://developers.google.cn/cars/design/automotive-os/components/images/notification-card-anatomy-hun-std.png?authuser=8&hl=tr)
1. Başlık
2. İçerik (isteğe bağlı mesaj önizlemeli veya önizlemesiz, araba sürerken gizlenebilir)
3. İşlemler
4. Büyük simge
![](https://developers.google.cn/cars/design/automotive-os/components/images/notification-card-anatomy-grouped.png?authuser=8&hl=tr)
1. Başlık
2. İçerik
3. Genişletme/daraltma işlemi
4. Genişlet/daralt göstergesi
Özellikler – HUN kartı
Standart HUN
![](https://developers.google.cn/cars/design/automotive-os/components/images/notification-card-specs-standard-hun.png?authuser=8&hl=tr)
Avatarlı HUN
![](https://developers.google.cn/cars/design/automotive-os/components/images/notification-card-specs-standard-hunwavatar.png?authuser=8&hl=tr)
Önizlemeli HUN mesajı
![](https://developers.google.cn/cars/design/automotive-os/components/images/notification-card-specs-hun-preview.png?authuser=8&hl=tr)
Birden fazla mesaj içeren HUN mesajı
![](https://developers.google.cn/cars/design/automotive-os/components/images/notification-card-specs-hun-preview-multiple.png?authuser=8&hl=tr)
Büyük resimli HUN
![](https://developers.google.cn/cars/design/automotive-os/components/images/notification-card-specs-hun-largeimg.png?authuser=8&hl=tr)
Özellikler – Bildirim Merkezi kartı
Standart bildirim
![](https://developers.google.cn/cars/design/automotive-os/components/images/standard-notification-card-avatar.png?authuser=8&hl=tr)
Önizlemeli mesaj bildirimi
![](https://developers.google.cn/cars/design/automotive-os/components/images/standard-notification-card-msg-preview.png?authuser=8&hl=tr)
Birden çok mesaj içeren mesaj bildirimi
![](https://developers.google.cn/cars/design/automotive-os/components/images/standard-notification-card-msg-preview-multi.png?authuser=8&hl=tr)
Tek işlem bildirimi
![](https://developers.google.cn/cars/design/automotive-os/components/images/standard-notification-card-onebutton.png?authuser=8&hl=tr)
Özellikler – Gruplandırılmış bildirim kartı
Gruplandırılmış bildirim - Daraltılmış
![](https://developers.google.cn/cars/design/automotive-os/components/images/grpd-notifications-collapsed.png?authuser=8&hl=tr)
Gruplandırılmış bildirim - Genişletildi
![](https://developers.google.cn/cars/design/automotive-os/components/images/grpd-notifications-expanded.png?authuser=8&hl=tr)
Düzenleri ölçeklendirme
Bu referans düzenlerde, bildirimlerin çeşitli genişlik ve yüksekliklerdeki ekranlara uyum sağlayacak şekilde nasıl uyarlanacağı gösterilmektedir. (Genişlik ve yükseklik kategorileri Düzen bölümünde tanımlanır.) Tüm piksel değerlerinin, herhangi bir aşağı örnekleme veya yukarı örnekleme işlemi gerçekleşmeden önce, oluşturulan pikseller cinsinden olduğunu unutmayın.
Standart genişlikteki ekranlar
![](https://developers.google.cn/cars/design/automotive-os/components/images/notification-hun-std.png?authuser=8&hl=tr)
![](https://developers.google.cn/cars/design/automotive-os/components/images/notification-std-std.png?authuser=8&hl=tr)
![](https://developers.google.cn/cars/design/automotive-os/components/images/notification-grp-collapsed-std.png?authuser=8&hl=tr)
![](https://developers.google.cn/cars/design/automotive-os/components/images/notification-grp-std.png?authuser=8&hl=tr)
Geniş ekranlar
![](https://developers.google.cn/cars/design/automotive-os/components/images/notification-hun-wide.png?authuser=8&hl=tr)
![](https://developers.google.cn/cars/design/automotive-os/components/images/notification-std-wide.png?authuser=8&hl=tr)
![](https://developers.google.cn/cars/design/automotive-os/components/images/notification-grp-collapsed-wide.png?authuser=8&hl=tr)
![](https://developers.google.cn/cars/design/automotive-os/components/images/notification-grp-wide.png?authuser=8&hl=tr)
Ekstra geniş ve çok geniş ekranlar
![](https://developers.google.cn/cars/design/automotive-os/components/images/notification-hun-xwide.png?authuser=8&hl=tr)
![](https://developers.google.cn/cars/design/automotive-os/components/images/notification-std-xwide.png?authuser=8&hl=tr)
![](https://developers.google.cn/cars/design/automotive-os/components/images/notification-grp-collapsed-xwide.png?authuser=8&hl=tr)
![](https://developers.google.cn/cars/design/automotive-os/components/images/notification-grp-xwide.png?authuser=8&hl=tr)
Çeşitli yüksekliklerdeki ekranlarda bildirimlerin dikey aralığı
Bu bölümdeki dikey boşluk özellikleri yalnızca HUN kartları içindir. Bildirim Merkezi'ndeki kartların dikey aralığıyla ilgili daha fazla bilgi için Bildirim Merkezi teknik özelliklerine göz atın.
Kısa ekranlar
![](https://developers.google.cn/cars/design/automotive-os/components/images/notifications-hun-short.png?authuser=8&hl=tr)
Uzun ve standart yükseklikteki ekranlar
![](https://developers.google.cn/cars/design/automotive-os/components/images/notifications-hun-stdtall.png?authuser=8&hl=tr)
Stiller
Yazı biçimi
Tür stili | Yazı tipi | Ağırlık | Boyut (dp) |
---|---|---|---|
Gövde 1 | Roboto | Normal | 32 |
Gövde 3 M | Roboto | Aracı | 24 |
Gövde 3 | Roboto | Normal | 24 |
Renk
Öğe | Renk(gün modu) | Renk (gece modu) |
---|---|---|
Birincil tür / simgeler | Beyaz | Beyaz %88'de |
İkincil tür | Beyaz %72'de | Beyaz %60'ta |
İkincil simge | 3. taraf aksanı | 3. taraf aksanı |
Ayırıcı saç çizgisi | Beyaz %22 | Beyaz %12 |
Kart arka planı | Gri 868 | Gri 900 |
Gradyan Korumalı | Siyah %100 - %0 | Siyah %100 - %20 |
Boyutlandırma
Öğe | Boyut (dp) |
---|---|
Birincil simge | 44 |
İkincil simge | 36 |
Orta boy avatar | 76 |
Yuvarlatılmış köşe yarıçapı (R2) | 8 |
Örnekler
![](https://developers.google.cn/cars/design/automotive-os/components/images/notification-hun-examples.png?authuser=8&hl=tr)
![](https://developers.google.cn/cars/design/automotive-os/components/images/notification-card-examples.png?authuser=8&hl=tr)
![](https://developers.google.cn/cars/design/automotive-os/components/images/notification-group-examples-messages-day.png?authuser=8&hl=tr)
![](https://developers.google.cn/cars/design/automotive-os/components/images/notification-group-examples-messages-night.png?authuser=8&hl=tr)
Hareket
Aşağıdaki hareketler, bildirim deneyiminin önemli bir parçasıdır:
- HUN varış hareketi
- Bildirimi kapatmak için kaydırma hareketi
- Gruplandırılmış bildirim, hareketleri genişletme ve daraltma
Varış HUN
![](https://developers.google.cn/cars/design/automotive-os/components/images/notification-hud-auto-dismiss-new.gif?authuser=8&hl=tr)
Kapatmak için hızlıca kaydırma
![](https://developers.google.cn/cars/design/automotive-os/components/images/notification-appear-dismiss-new.gif?authuser=8&hl=tr)
Gruplandırılmış bildirim genişletme ve daraltma
![](https://developers.google.cn/cars/design/automotive-os/components/images/notification-expand-group-2.gif?authuser=8&hl=tr)