Urządzenia z Androidem są dostępne w różnych formatach – telefony, tablety, urządzenia składane, urządzenia z ChromeOS – i mają ekrany o różnych rozmiarach. Android obsługuje wiele trybów wyświetlania, w tym wielookienkowy, wieloekranowy, swobodny i obraz w obrazie. Urządzenia składane mogą być w różnych stanach lub pozycjach, np. na stole lub w formie książki.
Podczas projektowania aplikacji weź pod uwagę różne przypadki jej użycia. Przykład:
Urządzenia z dużym ekranem dają użytkownikom więcej możliwości korzystania z treści aplikacji multimedialnej.
Użytkownicy mogą wykonywać wiele zadań jednocześnie podczas oglądania filmu w konfiguracji z wieloma oknami lub korzystać z większego ekranu, aby wprowadzać bardziej złożone zmiany po zrobieniu zdjęcia.
Użytkownicy mogą korzystać z tabletu, aby prowadzić rozmowy wideo i widzieć znajomych oraz rodzinę w większych szczegółach. Aplikacja może wyświetlać bardziej szczegółowe informacje o tytule lub scenie w niestandardowej nakładce odtwarzania albo oferować więcej opcji sterowania na ekranie.
Karuzela w widoku przeglądania może zawierać większą różnorodność, co zwiększa jej atrakcyjność wizualną. Aplikacja multimedialna może też utrzymywać zaangażowanie użytkowników, oferując przeglądanie treści obok odtwarzania.
Pamiętaj, że aplikacja multimedialna ma ten sam kod działający na standardowym telefonie, składanym urządzeniu, tablecie i urządzeniach z ChromeOS, więc od samego początku projektowania aplikacji powinieneś uwzględniać duże ekrany. Więcej informacji i przykłady wizualne znajdziesz w galerii dużych ekranów.
Ustawianie domyślnej elastyczności aplikacji do multimediów
Unikaj problemów z działaniem aplikacji multimedialnej, dostosowując jej układ do telefonów, tabletów, urządzeń składanych i urządzeń z ChromeOS.
Aplikacja powinna być elastyczna, aby uwzględniać różne rozmiary wyświetlacza, orientacje i formaty. Układ adaptacyjny zmienia się w zależności od dostępnego miejsca na ekranie. Więcej informacji znajdziesz w artykule Obsługa różnych rozmiarów wyświetlaczy.
Projektowanie zgodnie z wytycznymi
Ogólna jakość aplikacji to podstawa wszystkich aplikacji na Androida, niezależnie od rozmiaru wyświetlacza, orientacji urządzenia czy innych kwestii związanych z urządzeniem. Zanim zaczniesz projektować aplikację pod kątem dużego ekranu, sprawdź, czy spełnia ona te podstawowe wymagania. Więcej informacji znajdziesz w artykule Podstawowa jakość aplikacji.
Aplikacja powinna zapewniać doskonałe wrażenia użytkownika niezależnie od rodzaju urządzenia, rozmiaru ekranu, trybu wyświetlania czy orientacji. Dlatego projektuj aplikację zgodnie z poniższymi wytycznymi dotyczącymi poziomów 1, 2 i 3.
Wskazówki te określają kompleksowy zestaw wymagań dotyczących jakości większości typów aplikacji na Androida.
Poziom 3:
Na tym podstawowym poziomie aplikacja musi nadal spełniać wymagania dotyczące interfejsu i grafiki. Aplikacja jest gotowa do używania na dużych ekranach, a użytkownicy mogą wykonywać najważniejsze zadania, ale wrażenia użytkownika nie są optymalne.
Układ aplikacji może nie być idealny, ale działa ona w trybie pełnoekranowym lub w trybie pełnego okna w przypadku trybu wielu okien. Nie jest wyświetlany w formacie letterbox ani nie działa w trybie zgodności. Aplikacja zapewnia podstawową obsługę zewnętrznych urządzeń wejściowych, w tym klawiatury, myszy i trackpada. Więcej informacji znajdziesz w artykule Aplikacja gotowa na duże ekrany.
Poziom 2:
W tym przypadku aplikacja wdraża optymalizacje układu dla wszystkich rozmiarów ekranu i konfiguracji urządzeń, a także ulepszoną obsługę zewnętrznych urządzeń wejściowych. Więcej informacji znajdziesz w sekcji Optymalizacja pod kątem dużego ekranu.
Poziom 1:
Jest to najlepszy poziom pomocy, który zapewnia użytkownikowi najlepsze wrażenia z korzystania z aplikacji, ponieważ określa funkcje i możliwości premium.
W stosownych przypadkach aplikacja obsługuje wielozadaniowość, tryby składania, przeciąganie i wpisywanie za pomocą rysika. Na tym poziomie aplikacje są bardzo zróżnicowane, dlatego należy zwrócić szczególną uwagę na wytyczne dotyczące takich kwestii jak wielozadaniowość i pozycje urządzeń składanych. Więcej informacji znajdziesz w artykule Różnice na dużych ekranach.
Zoptymalizowane układy
Wykorzystaj większą przestrzeń na dużych ekranach bez letterboxingu (spowodowanego ograniczeniem orientacji) lub rozciągania. Optymalizując układ aplikacji pod kątem mediów i mediów społecznościowych, zwiększasz jej zasięg i zapewniasz lepsze wrażenia użytkownikom na wszystkich urządzeniach z dużym ekranem – tabletach, urządzeniach składanych i urządzeniach z ChromeOS – oraz na telefonach wszystkich rozmiarów.
Komponenty paska nawigacyjnego i szuflady zapewniają wygodną i łatwą w obsłudze nawigację w interfejsie. Komponenty te uzupełniają też kanoniczne układy (lista-szczegóły, kanał i panel pomocniczy), umieszczając główne miejsca docelowe nawigacji w łatwo dostępnym miejscu, a jednocześnie zajmując minimalną ilość miejsca na ekranie.
Układy multimediów
Zwiększ użyteczność aplikacji, wdrażając układy dostosowane do multimediów w przypadku widoku listy i szczegółów, kanału oraz panelu pomocniczego. Informacje o układach MDX, Flutter i Compose znajdziesz w sekcji Zasoby układu.
Lista-szczegóły: zaprojektowanie aplikacji z interaktywną przeglądarką multimediów umożliwia użytkownikom przeglądanie różnych multimediów podczas oglądania lub słuchania. Tytuły multimediów są wyświetlane obok odtwarzanego pliku wideo lub audio. Jeśli orientacja urządzenia się zmieni, układ lista-szczegóły dostosuje się, aby zachować stan aplikacji. Więcej informacji znajdziesz w artykule Układy lista-szczegóły.
Kanał: układ kanału rozmieszcza równoważne elementy treści w konfigurowalnej siatce, aby umożliwić szybkie i wygodne przeglądanie dużej ilości treści, np. kanału muzycznego lub kiosku z filmami i programami telewizyjnymi w aplikacji. Więcej informacji znajdziesz w sekcji Układy kanałów.
Panel pomocniczy: dzięki głównemu i dodatkowemu obszarowi wyświetlania aplikacja może osadzać panel pomocniczy z informacjami kontekstowymi, istotnymi lub referencyjnymi, np. przewijaną listą podobnych tytułów, opublikowanymi recenzjami lub dodatkowymi dziełami tych samych artystów lub aktorów. Więcej informacji znajdziesz w artykule Obsługa układów paneli.
Wyselekcjonowaną kolekcję układów multimediów znajdziesz w galerii multimediów.
Układy mediów społecznościowych
Duże ekrany zapewniają użytkownikom mediów społecznościowych więcej miejsca do pracy, wielozadaniowości, przeciągania treści między aplikacjami i udostępniania ich. Dzięki charakterystycznym funkcjom i możliwościom, które nie są dostępne na urządzeniach z małym ekranem, aplikacja multimedialna na dużym ekranie może korzystać z układów listy i szczegółów, kanału oraz panelu pomocniczego.
Lista-szczegóły: ten układ jest idealny w przypadku aplikacji do obsługi wiadomości, menedżerów kontaktów lub przeglądarek plików. Na przykład aplikacja może wyświetlać listę rozmów obok szczegółów, aby użytkownik mógł na bieżąco śledzić najnowsze wiadomości. Więcej informacji znajdziesz w artykule Układy lista–szczegóły.
Feed: Typowe komponenty tego stylu układu to karty i listy. Możesz na przykład utworzyć kolaż postów w elastycznej siatce lub użyć rozmiaru i pozycji, aby zwrócić uwagę na ważne posty. Użytkownicy mogą szybko wyświetlać duże grupy treści. Więcej informacji znajdziesz w artykule Układy plików danych.
Panel pomocniczy: aplikacje do wyszukiwania i aplikacje referencyjne lub aplikacje zwiększające produktywność mogą korzystać z tego stylu układu. Użytkownik ma dzięki temu narzędzia do tworzenia treści zawsze pod ręką. Na przykład aplikacja może umożliwiać użytkownikom dostosowywanie ustawień, uzyskiwanie dostępu do palet kolorów, stosowanie efektów i natychmiastowe wyświetlanie zmian. Więcej informacji znajdziesz w artykule Obsługiwane układy paneli.
Wyselekcjonowaną kolekcję układów do mediów społecznościowych znajdziesz na stronie Galeria mediów społecznościowych.
Sprawdzone metody dotyczące aplikacji multimedialnych na duże ekrany
Stosowanie sprawdzonych metod w przypadku dużych ekranów pozwala uniknąć niepotrzebnych zmian w aplikacji. Dzięki temu od początku jest ona bardziej przyjazna dla użytkowników na większej liczbie urządzeń, zwłaszcza pod względem orientacji, skrótów klawiszowych, obsługi podglądu z kamery i trybów składania.
Orientacja i zmiana rozmiaru
Jeśli aplikacja multimedialna deklaruje ograniczenia dotyczące orientacji i zmiany rozmiaru, Android aktywuje tryb zgodności. Tryb zgodności zapewnia akceptowalne działanie aplikacji, ale znacznie zmniejsza jej użyteczność i pogarsza wrażenia użytkownika.
Jeśli na przykład aplikacja jest na tablecie, tablet jest zadokowany w orientacji poziomej. Jeśli Twoja aplikacja jest ograniczona do trybu pionowego, powoduje to efekt letterboxingu, który nie jest idealny dla użytkownika. Aplikacja powinna umożliwiać użytkownikom korzystanie z preferowanej orientacji, dlatego w projekcie wykorzystaj dostępny rozmiar dużego ekranu.
Wszelkie ograniczenia dotyczące orientacji zmniejszają możliwości interakcji użytkowników z treściami lub korzystania z mediów, co ogranicza użyteczność aplikacji. Zmiana orientacji może w pewnym stopniu wpływać na rozmiar, ale zmiana rozmiaru nie musi powodować zmiany orientacji.
Skróty klawiszowe
Na większym ekranie użytkownicy częściej korzystają ze skrótów klawiszowych na klawiaturze fizycznej, takich jak rozpoczęcie, zatrzymanie, wstrzymanie, przewijanie do tyłu i do przodu, co zapewnia spójne wrażenia podczas korzystania z klawiatury.
Użytkownicy oczekują tych funkcji w aplikacjach multimedialnych. Aby zmniejszyć liczbę problemów użytkowników, przetestuj aplikację za pomocą klawiatury fizycznej. Dzięki temu możesz zauważyć i uwzględnić te ważne skróty w aplikacji już na początku projektowania.
Obsługa podglądu z kamery
W przypadku dużych ekranów może wystąpić więcej problemów z rozciąganiem, przycinaniem i obracaniem. Nie możesz więc zakładać, że rozmiar podglądu z aparatu jest taki sam jak rozmiar interfejsu w aplikacji multimedialnej.
Jeśli na przykład użytkownik zrobi zdjęcie tabletem, ale na ekranie tabletu będzie ono wyświetlane do góry nogami, nie będzie to optymalne rozwiązanie. Obsługa podglądu z kamery na dużych ekranach.
Więcej informacji znajdziesz w sekcji Podgląd CameraX lub Podgląd Camera2.
Stany urządzenia składanego
Projektowanie aplikacji multimedialnej na duże ekrany obejmuje pozycje urządzeń składanych. Aplikacja może na przykład umożliwiać użytkownikowi korzystanie z konfiguracji stołowej do odtwarzania multimediów lub używanie tylnego wyświetlacza i trybu dwóch ekranów do podglądu i nagrywania.
Dzięki uwzględnieniu w planie rozwoju trybów składania aplikacja będzie dostępna na większej liczbie urządzeń i będzie miała większy zasięg. Możesz powiększyć obszar wyświetlania treści w sposób, w jaki nie mogą tego zrobić inne urządzenia bez możliwości składania. Więcej informacji znajdziesz w sekcji Pozycje urządzenia składanego.