Panduan ini menjelaskan pembuatan banner dan ikon peluncur untuk Android TV.
Poin-poin penting
Berikut ini adalah poin-poin utama dari halaman ini:
- Ada dua jenis ikon untuk aplikasi Android TV OS di AndroidManifest.xml:
android:icon
(standar, wajib)android:banner
(banner, wajib)
- Ikon adaptif sangat direkomendasikan.
- Ikon dan banner harus mematuhi pedoman desain yang diuraikan dalam panduan ini.
- Gunakan template figma resmi untuk membuat banner & ikon
- Android TV OS tidak mendukung ikon bertema.
Ringkasan
Google TV dan Android OS menggunakan ikonografi yang disediakan melalui
AndroidManifest.xml
dengan tiga cara:
- Ikon peluncur (rasio aspek 1x1)
- Ikon peluncur bulat (rasio aspek 1x1, tetapi lingkaran)
- Logo banner (rasio aspek 16x9)
ID ini digunakan di berbagai tempat untuk kasus penggunaan yang berbeda, seperti baris Aplikasi Anda, Setelan, atau progres penginstalan.
Banner
Logo Banner adalah logo rasio aspek 16x9 yang digunakan di OS Android TV untuk
menampilkan peluncur aplikasi. Sebaiknya aplikasi TV menyediakan banner
16:9 adaptif dengan spesifikasi berikut. Anda juga dapat menyediakan
resource xhdpi dengan ukuran 320 x 180px
saat menggunakan API level 25 atau yang lebih lama.
![Ukuran ikon Banner TV](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/banner-sizes.webp?authuser=6&hl=id)
Kepadatan | Ukuran Min | Lokasi folder (di bawah resolusi) | Rasio Piksel |
---|---|---|---|
mdpi | 160 x 90 piksel | mipmap-mdpi | 1 |
hdpi | 240 x 135 piksel | mipmap-hdpi | 1,5 |
xhdpi | 320 x 180 piksel | mipmap-xhdpi | 2 |
xxhdpi | 480 x 270 piksel | mipmap-xxhdpi | 3 |
xxxhdpi | 640 x 360 piksel | mipmap-xxxhdpi | 4 |
Ikon peluncur
Ikon Peluncur adalah resource rasio aspek 1x1 yang digunakan di beberapa tempat, seperti Setelan dan integrasi sesi Media (Kartu Sedang diputar) di Android TV. Ikon peluncur juga dapat digunakan di baris Your apps di Google TV.
![Ukuran ikon peluncur](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/launcher-sizes.webp?authuser=6&hl=id)
Kepadatan | Ukuran Min | Lokasi folder (di bawah resolusi) | Rasio Piksel |
---|---|---|---|
mdpi | 80x80 piksel | mipmap-mdpi | 1 |
hdpi | 120 x 120 piksel | mipmap-hdpi | 1,5 |
xhdpi | 160 x 160 piksel | mipmap-xhdpi | 2 |
xxhdpi | 240 x 240 piksel | mipmap-xxhdpi | 3 |
xxxhdpi | 320 x 320 piksel | mipmap-xxxhdpi | 4 |
Ikon adaptif
Mulai rilis Android 8.0 (API level 26), ada dukungan untuk ikon peluncur adaptif, yang memungkinkan lebih banyak fleksibilitas dan efek visual yang menarik jika menyangkut ikon aplikasi. Untuk developer, hal ini berarti ikon aplikasi Anda terdiri dari dua lapisan: lapisan latar depan dan latar belakang.
Banner adaptif
Anda juga dapat menyediakan banner adaptif bersama dengan banner lama, mirip dengan banner ikon peluncur yang juga memiliki dua lapisan.
![Banner Adaptif TV](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/banner-adaptive-safe.webp?authuser=6&hl=id)
Ikon peluncur adaptif
Untuk memastikan ikon adaptif mendukung berbagai bentuk, dan efek visual, desain harus memenuhi persyaratan berikut:
Sediakan dua lapisan untuk versi warna ikon: satu untuk latar depan, dan satu untuk latar belakang.
![Ikon Peluncur Adaptif TV](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/launcher-adaptive-safe.webp?authuser=6&hl=id)
Ikon adaptif ditentukan menggunakan lapisan latar depan dan latar belakang. Zona aman 72 x 72 pada gambar pertama menunjukkan tempat ikon dan lapisan latar depan tidak pernah terpotong oleh mask yang dibentuk.
Ikon versi monokrom tidak diperlukan karena Android TV tidak mendukung ikon bertema.
Contoh
Di bawah ini adalah beberapa anjuran dan larangan yang perlu dipertimbangkan saat mendesain ikon aplikasi TV.
Contoh banner
![](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/200.webp?authuser=6&hl=id)
Anjuran
![](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/000.webp?authuser=6&hl=id)
Larangan
![](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/001.webp?authuser=6&hl=id)
Larangan
![](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/002.webp?authuser=6&hl=id)
Larangan
![](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/003.webp?authuser=6&hl=id)
Larangan
![](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/004.webp?authuser=6&hl=id)
Larangan
![](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/005.webp?authuser=6&hl=id)
Perhatian
Contoh peluncur
![](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/201.webp?authuser=6&hl=id)
Anjuran
![](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/100.webp?authuser=6&hl=id)
Larangan
![](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/101.webp?authuser=6&hl=id)
Larangan
![](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/102.webp?authuser=6&hl=id)
Larangan
![](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/103.webp?authuser=6&hl=id)
Larangan
![](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/104.webp?authuser=6&hl=id)
Larangan
Referensi
- Template figma resmi untuk banner & ikon