Ekran telewizora jest zwykle oglądany z odległości około 3 metrów. Chociaż jest on znacznie większy niż ekrany większości innych urządzeń z Androidem, nie zapewnia takiego samego poziomu szczegółowości i kolorów jak mniejszy ekran urządzenia. Z tych powodów musisz tworzyć układy aplikacji z myślą o urządzeniach TV, aby zapewnić użytkownikom wygodne i przyjemne korzystanie z aplikacji w salonie.
Podstawowe zasady układu
Układy na urządzenia TV muszą być zgodne z kilkoma podstawowymi wytycznymi, aby były użyteczne i skuteczne na dużych ekranach. Aby tworzyć układy zoptymalizowane pod kątem ekranów telewizorów, postępuj zgodnie z tymi wskazówkami:
- Twórz układy w orientacji poziomej. Ekrany telewizorów zawsze wyświetlają obraz w trybie poziomym.
- Umieść elementy sterujące nawigacją na ekranie po lewej lub prawej stronie ekranu i zachowaj miejsce w pionie na treści.
- Używaj elastycznych i względnych rozmiarów (np. jednostek
dpisp), aby interfejsy użytkownika były dobrze skalowane w różnych rozdzielczościach ekranu. - Dodaj wystarczające marginesy i dopełnienie między elementami sterującymi układu, aby uniknąć przeładowania interfejsu.
Nadmiarowość obrazu
Układy na telewizory mają pewne unikalne wymagania wynikające z ewolucji standardów telewizyjnych, które mają na celu wyświetlanie obrazu na pełnym ekranie. Z tego powodu urządzenia TV mogą przycinać zewnętrzne krawędzie układu aplikacji, aby zapewnić wypełnienie całego ekranu. Takie działanie jest zwykle nazywane nadmiarowością obrazu.
Umieść elementy ekranu, które muszą być zawsze widoczne dla użytkownika, w bezpiecznym obszarze nadmiarowości. Dodanie do układu marginesu 5% (48 dp) po lewej i prawej stronie oraz 27 dp u góry i u dołu pomaga zapewnić, że elementy ekranu w układzie znajdują się w bezpiecznym obszarze nadmiarowości.
Nie dostosowuj elementów tła ekranu, z którymi użytkownik nie wchodzi bezpośrednio w interakcję, i nie przycinaj elementów do bezpiecznego obszaru nadmiarowości. Dzięki temu elementy tła ekranu będą wyglądać prawidłowo na wszystkich ekranach.
Tworzenie czytelnego tekstu i elementów sterujących
Aby tekst i elementy sterujące w aplikacji TV były łatwiejsze do odczytania z odległości, postępuj zgodnie z tymi wskazówkami:
- Podziel tekst na małe fragmenty, które użytkownicy mogą szybko przejrzeć.
- Używaj jasnego tekstu na ciemnym tle. Ten styl jest łatwiejszy do odczytania na telewizorze.
- Unikaj cienkich czcionek lub czcionek, które mają zarówno bardzo wąskie, jak i bardzo szerokie kreski. Aby zwiększyć czytelność, używaj czcionek bezszeryfowych i wygładzania.
- Zadbaj o to, aby wszystkie widżety były wystarczająco duże, aby były wyraźnie widoczne dla osoby siedzącej w odległości 3 metrów od ekranu. Zamiast bezwzględnych jednostek pikseli używaj jednostek pikseli niezależnych od gęstości (
dp), a w przypadku typografii – skalowalnych jednostek pikseli (sp).
Więcej informacji o pikselach niezależnych od gęstości i tworzeniu układów obsługujących większe rozmiary ekranu znajdziesz w artykule Omówienie zgodności z ekranami.
Zarządzanie zasobami układu na telewizorze
Podobnie jak wszystkie inne urządzenia z Androidem, telewizory mają różne rozmiary ekranu i obsługują różne rozdzielczości, w tym 720p, 1080p i 4K. Upewnij się, że Twoja aplikacja obsługuje różne rozmiary ekranu.
Różne rozmiary i rozdzielczości ekranu mają różne gęstości pikseli. Aby zachować wygląd interfejsu użytkownika na różnych rozmiarach ekranu, rozdzielczościach i gęstościach pikseli, zdefiniuj wymiary interfejsu użytkownika za pomocą pikseli niezależnych od gęstości (dp). Gęstość pikseli ekranu w przypadku różnych rozdzielczości panelu TV jest podana w tej tabeli:
| Rozdzielczość panelu | Gęstość pikseli ekranu |
|---|---|
| 720p | tvdpi |
| 1080p | xhdpi |
| 4K | xxxhdpi |
Więcej informacji znajdziesz w artykułach Obsługa różnych gęstości pikseli i Omówienie zgodności z ekranami.
Wzorce układu, których należy unikać
Istnieje kilka sposobów tworzenia układów, które nie działają dobrze na urządzeniach TV. Podczas tworzenia układu na telewizor unikaj tych wzorców interfejsu użytkownika:
- Ponowne używanie układów na telefony i tablety: nie używaj ponownie układów z aplikacji na telefon lub tablet bez modyfikacji. Układy utworzone dla innych formatów urządzeń z Androidem nie są dobrze dostosowane do urządzeń TV i muszą zostać uproszczone, aby działały na telewizorze.
- Używanie pasków działań i menu telefonu: górne paski działań i menu rozwijane nie są odpowiednie dla interfejsu telewizora ze względu na trudności w poruszaniu się po takich menu za pomocą pilota.
- Używanie nawigacji opartej wyłącznie na przesuwaniu: przesuwanie między ekranami może działać świetnie na telefonie lub tablecie, ale nie próbuj używać gestów opartych wyłącznie na przesuwaniu na telewizorze, gdzie użytkownicy korzystają z pilota z padem kierunkowym.
Więcej informacji o projektowaniu układów odpowiednich dla telewizorów znajdziesz w artykule Projektowanie na telewizory.
Obsługa dużych bitmap
Urządzenia TV mają ograniczoną pamięć. Jeśli układ aplikacji używa obrazów o bardzo wysokiej rozdzielczości, może szybko wyczerpać pamięć i spowodować błędy braku pamięci. Aby pobierać, dekodować i wyświetlać bitmapy w aplikacji, używaj wydajnych bibliotek do wczytywania i dekodowania obrazów (takich jak Coil lub Glide).
Więcej informacji o uzyskiwaniu najlepszej wydajności podczas pracy z bitmapami znajdziesz w artykule Sprawdzone metody dotyczące grafiki w Androidzie.
Skuteczna reklama
W przypadku salonu zalecamy używanie rozwiązań reklamowych wideo, które są wyświetlane na pełnym ekranie i można je zamknąć w ciągu 30 sekund. Funkcje reklamowe na Androidzie TV, takie jak przyciski zamykania i kliknięcia, muszą być dostępne za pomocą pada kierunkowego, a nie dotyku.
Android TV nie ma przeglądarki internetowej. Reklamy nie mogą próbować uruchamiać przeglądarki internetowej ani przekierowywać do treści w Sklepie Google Play, które nie są zatwierdzone na urządzenia z Androidem TV.