Bu kılavuzda, Android TV için banner'ların ve başlatıcı simgelerinin oluşturulması açıklanmaktadır.
Temel çıkarımlar
Bu sayfadaki önemli ana fikirler şunlardır:
- AndroidManifest.xml dosyasında Android TV OS uygulamaları için iki simge türü vardır:
android:icon
(standart, zorunlu)android:banner
(banner, zorunlu)
- Uyarlanabilir simgeler önerilir.
- Hem simge hem de banner, bu kılavuzda ana hatları verilen tasarım yönergelerine uygun olmalıdır.
- Banner'ı ve simgeleri oluşturmak için resmi figma şablonunu kullanın.
- Android TV OS, temalı simgeleri desteklemez.
Genel bakış
Google TV ve Android OS, AndroidManifest.xml
aracılığıyla sağlanan simgelerden üç şekilde yararlanır:
- Başlatıcı simgesi (1x1 en boy oranı)
- Yuvarlak başlatıcı simgesi (1x1 en boy oranı, ancak yuvarlak)
- Banner logosu (16x9 en boy oranı)
Bunlar Uygulamalarınız satırı, Ayarlar veya yükleme ilerleme durumu gibi farklı kullanım alanları için farklı yerlerde kullanılır.
Banner
Banner logosu, Android TV OS'de uygulama başlatıcınızı göstermek için kullanılan 16x9 en boy oranına sahip bir logodur. TV uygulamalarının aşağıdaki özelliklere sahip
16:9 uyarlanabilir bir banner sağlaması önerilir. API düzeyi 25 veya daha düşük bir düzeyi kullanırken 320 x 180px
boyutunda xhdpi kaynakları da sağlayabilirsiniz.
![TV Banner'ı simge boyutları](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/banner-sizes.webp?authuser=6&hl=tr)
Yoğunluk | Minimum Boyut | Klasör konumu (çözünürlük altında) | Piksel Oranı |
---|---|---|---|
MDP | 160x90 piksel | Mipmap-mdpi | 1 |
HDpi | 240x135 piksel | Mipmap-hdpi | 1,5 |
xhdpi | 320x180 piksel | mipmap-xhdpi | 2 |
xxhdpi | 480x270 piksel | Mipmap-xxhdpi | 3 |
xxxhdpi | 640x360 piksel | opmap-xxxhdpi | 4 |
Başlatıcı simgesi
Başlatıcı simgesi, Android TV'de Ayarlar ve Medya oturumu entegrasyonları (Şimdi oynatılıyor kartı) gibi birden çok yerde kullanılan 1x1 en boy oranı kaynağıdır. Başlatıcı simgesi Google TV'deki Uygulamalarınız satırında da kullanılabilir.
![Başlatıcı simgesinin boyutları](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/launcher-sizes.webp?authuser=6&hl=tr)
Yoğunluk | Minimum Boyut | Klasör konumu (çözünürlük altında) | Piksel Oranı |
---|---|---|---|
MDP | 80x80 piksel | Mipmap-mdpi | 1 |
HDpi | 120x120 piksel | Mipmap-hdpi | 1,5 |
xhdpi | 160x160 piksel | mipmap-xhdpi | 2 |
xxhdpi | 240x240 piksel | Mipmap-xxhdpi | 3 |
xxxhdpi | 320x320 piksel | opmap-xxxhdpi | 4 |
Uyarlanabilir simgeler
Android 8.0 sürümünden (API düzeyi 26) itibaren, uygulama simgeleri söz konusu olduğunda daha fazla esneklik ve ilginç görsel efektler sağlayan uyarlanabilir başlatıcı simgeleri için destek sunulmaktadır. Geliştiriciler için bu, uygulama simgenizin iki katmandan oluştuğu anlamına gelir: ön plan ve arka plan katmanı.
Uyarlanabilir banner
Ayrıca, iki katmanı da olan başlatıcı simgesi banner'lara benzer şekilde, eski banner'larla birlikte uyarlanabilir bir banner da sağlayabilirsiniz.
![TV Uyarlanabilir Banner'ı](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/banner-adaptive-safe.webp?authuser=6&hl=tr)
Uyarlanabilir başlatıcı simgesi
Uyarlanabilir simgenizin farklı şekilleri ve görsel efektleri destekleyebilmesi için tasarımın aşağıdaki gereksinimleri karşılaması gerekir:
Simgenin renkli versiyonu için biri ön plan, diğeri arka plan olmak üzere iki katman sağlayın.
![TV Uyarlanabilir Başlatıcı Simgesi](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/launcher-adaptive-safe.webp?authuser=6&hl=tr)
Uyarlanabilir simgeler, ön plan ve arka plan katmanları kullanılarak tanımlanır. İlk resimdeki 72 x 72 boyutlarındaki güvenli alt bölgede, simgenizin ve ön plan katmanlarının hiçbir zaman şekilli bir maskeyle kırpılmadığı yerler gösterilmektedir.
Android TV, temalı simgeleri desteklemediği için simgenin tek renkli sürümü gerekli değildir.
Örnekler
Aşağıda, TV uygulama simgesi tasarlarken göz önünde bulundurulması gereken ve yapılmaması gereken bazı noktalar verilmiştir.
Banner örnekleri
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/200.webp?authuser=6&hl=tr)
Yapılması gerekenler
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/000.webp?authuser=6&hl=tr)
Yapılmaması gerekenler:
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/001.webp?authuser=6&hl=tr)
Yapılmaması gerekenler:
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/002.webp?authuser=6&hl=tr)
Yapılmaması gerekenler:
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/003.webp?authuser=6&hl=tr)
Yapılmaması gerekenler:
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/004.webp?authuser=6&hl=tr)
Yapılmaması gerekenler:
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/005.webp?authuser=6&hl=tr)
Dikkat
Başlatıcı örnekleri
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/201.webp?authuser=6&hl=tr)
Yapılması gerekenler
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/100.webp?authuser=6&hl=tr)
Yapılmaması gerekenler:
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/101.webp?authuser=6&hl=tr)
Yapılmaması gerekenler:
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/102.webp?authuser=6&hl=tr)
Yapılmaması gerekenler:
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/103.webp?authuser=6&hl=tr)
Yapılmaması gerekenler:
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/104.webp?authuser=6&hl=tr)
Yapılmaması gerekenler:
Kaynaklar
- Banner ve simgeler için resmi figma şablonu