Layar TV biasanya ditonton dari jarak sekitar 3 meter, dan meskipun jauh lebih besar daripada layar perangkat lain yang didukung Android, layar TV tidak memiliki tingkat detail dan warna yang sama dengan layar perangkat yang lebih kecil. Faktor tersebut mengharuskan Anda untuk membuat tata letak aplikasi yang sesuai dengan perangkat TV guna menciptakan pengalaman pengguna ruang keluarga yang berguna dan menyenangkan.
Prinsip tata letak dasar
Tata letak untuk perangkat TV harus mengikuti beberapa panduan dasar untuk membantu memastikan tata letak tersebut dapat digunakan dan efektif di layar besar. Ikuti tips berikut untuk membuat tata letak yang dioptimalkan untuk layar TV:
- Buat tata letak dengan orientasi lanskap. Layar TV selalu ditampilkan dalam mode lanskap.
- Letakkan kontrol navigasi layar di sisi kiri atau kanan layar dan sisakan ruang vertikal untuk konten.
- Gunakan ukuran responsif dan relatif (seperti unit
dpdansp) sehingga antarmuka pengguna dapat diskalakan dengan bersih di berbagai resolusi tampilan. - Tambahkan margin dan padding yang cukup di antara kontrol tata letak agar UI menjadi rapi.
Overscan
Tata letak untuk TV memiliki beberapa persyaratan unik karena evolusi standar TV untuk menampilkan gambar layar penuh kepada penonton. Karena alasan ini, perangkat TV mungkin memangkas tepi luar tata letak aplikasi untuk memastikan seluruh layarnya terisi. Perilaku ini umumnya disebut sebagai overscan.
Posisikan elemen layar yang harus selalu terlihat oleh pengguna dalam area aman overscan. Menambahkan 5% margin dari 48 dp di tepi kiri dan kanan serta 27 dp di tepi atas dan bawah ke tata letak dapat membantu memastikan elemen layar dalam tata letak tersebut berada dalam area aman overscan.
Jangan sesuaikan elemen layar latar belakang yang tidak secara langsung diakses oleh pengguna, dan jangan potong elemen ke area aman overscan. Pendekatan ini membantu memastikan elemen layar latar belakang terlihat benar di semua layar.
Membuat teks dan kontrol yang dapat digunakan
Ikuti tips berikut untuk membuat teks dan kontrol di aplikasi TV Anda lebih mudah dilihat dari jarak jauh:
- Pisahkan teks menjadi potongan kecil yang bisa dipindai dengan cepat oleh pengguna.
- Gunakan teks terang dengan latar belakang gelap. Gaya ini lebih mudah dibaca di TV.
- Hindari font ringan atau font yang memiliki stroke sangat sempit dan sangat lebar. Gunakan font sans-serif dan anti-aliasing untuk meningkatkan keterbacaan.
- Buat semua widget tampilan Anda cukup besar agar terlihat jelas oleh seseorang yang duduk 3 meter dari layar. Gunakan unit piksel kepadatan mandiri (
dp) dan bukan unit piksel mutlak, serta unit piksel yang dapat diskalakan (sp) untuk tipografi.
Untuk mengetahui informasi selengkapnya tentang piksel kepadatan mandiri dan membuat tata letak untuk menangani ukuran layar yang lebih besar, lihat Ringkasan kompatibilitas layar.
Mengelola resource tata letak untuk TV
Seperti semua perangkat Android lainnya, TV memiliki ukuran layar yang berbeda dan mendukung resolusi yang berbeda, termasuk 720p, 1080p, dan 4K. Pastikan aplikasi Anda mendukung ukuran layar yang berbeda.
Ukuran dan resolusi layar yang berbeda memiliki kepadatan piksel yang berbeda. Untuk mempertahankan tampilan UI Anda di berbagai ukuran layar, resolusi, dan kepadatan piksel, tentukan pengukuran UI menggunakan piksel kepadatan mandiri (dp). Kepadatan piksel layar untuk resolusi panel TV yang berbeda diuraikan dalam tabel berikut:
| Resolusi panel | Kepadatan piksel layar |
|---|---|
| 720p | tvdpi |
| 1080p | xhdpi |
| 4K | xxxhdpi |
Lihat Mendukung kepadatan piksel yang berbeda dan Ringkasan kompatibilitas layar untuk mengetahui informasi selengkapnya.
Pola tata letak yang harus dihindari
Ada beberapa pendekatan untuk membuat tata letak yang tidak berfungsi dengan baik di perangkat TV. Hindari pola antarmuka pengguna berikut saat mengembangkan tata letak untuk TV:
- Menggunakan kembali tata letak ponsel atau tablet: Jangan gunakan kembali tata letak dari aplikasi ponsel atau tablet tanpa modifikasi. Tata letak yang dibuat untuk faktor bentuk perangkat yang didukung Android lainnya tidak cocok untuk perangkat TV dan harus disederhanakan agar bisa berjalan di TV.
- Menggunakan panel tindakan atau menu ponsel: Panel tindakan atas dan menu pull-down tidak sesuai untuk antarmuka TV karena kesulitan menavigasi menu tersebut dengan remote control.
- Menggunakan navigasi geser saja: Menggeser layar dapat berfungsi sangat baik di ponsel atau tablet, tetapi jangan mencoba gestur geser saja di TV tempat pengguna mengandalkan remote D-pad.
Untuk mengetahui informasi selengkapnya tentang mendesain tata letak yang sesuai untuk TV, lihat Mendesain untuk TV.
Menangani bitmap besar
Perangkat TV memiliki memori terbatas. Jika tata letak aplikasi Anda menggunakan gambar beresolusi sangat tinggi, batasan memori akan cepat tercapai dan menyebabkan error pada memori. Gunakan library pemuatan dan decoding gambar yang efisien (seperti Coil atau Glide) untuk mengambil, mendekode, dan menampilkan bitmap dalam aplikasi.
Untuk mengetahui informasi selengkapnya tentang mendapatkan performa terbaik saat menggunakan bitmap, lihat Praktik terbaik grafis Android.
Menampilkan iklan yang efektif
Untuk lingkungan ruang keluarga, sebaiknya gunakan solusi iklan video dalam layar penuh dan bisa ditutup dalam 30 detik. Fungsionalitas untuk iklan di Android TV, seperti tombol tutup dan klik-tayang, harus bisa diakses lebih mudah menggunakan D-pad daripada sentuhan.
Android TV tidak menyediakan browser web. Iklan Anda tidak boleh mencoba meluncurkan browser web atau mengalihkan ke konten Google Play Store yang tidak disetujui untuk perangkat Android TV.