Urządzenia z Androidem są dostępne w różnych formatach: telefony, tablety, urządzenia składane, urządzenia z ChromeOS – w różnych rozmiarach ekranu. Android obsługuje wiele trybów wyświetlania, w tym tryb wielookienkowy, tryb wielu ekranów, tryb swobodny i tryb obrazu w obrazie. Składane urządzenia mogą mieć różne stany i pozycje, na przykład mogą być używane jako tablet lub książka.
Rozpoczynając projektowanie aplikacji, zastanów się, jak może być ona wykorzystywana. Na przykład:
Urządzenia z dużym ekranem dają użytkownikom więcej możliwości korzystania z treści aplikacji multimedialnej na różne sposoby.
Użytkownicy mogą wykonywać wiele zadań jednocześnie, oglądając film w konfiguracji z wieloma oknami lub korzystać z większego ekranu, aby stosować bardziej złożone edycje po zrobieniu zdjęcia.
Użytkownicy mogą używać tabletu, aby prowadzić rozmowy wideo i widzieć znajomych oraz rodzinę w większym przybliżeniu. Aplikacja może wyświetlać bardziej szczegółowy kontekst dotyczący tytułu lub sceny w ramach niestandardowego nakładki odtwarzania lub oferować więcej opcji sterowania na ekranie.
Karuzele w widoku przeglądania mogą być bardziej zróżnicowane, aby zwiększyć atrakcyjność wizualną. Aplikacja multimedialna może też zachęcać użytkowników do zaangażowania, oferując przeglądalny kanał z możliwością odtwarzania.
Pamiętaj, że aplikacja multimedialna ma ten sam kod na standardowym telefonie, składanym urządzeniu, tablecie i urządzeniach z ChromeOS, dlatego od samego początku tworzenia aplikacji warto projektować ją z myślą o dużych ekranach. Więcej informacji i przykładów znajdziesz w galerii dużych ekranów.
Ustawianie domyślnej aplikacji multimedialnej jako responsywnej
Unikaj problemów z użytkowaniem aplikacji multimedialnej, dostosowując układ aplikacji do telefonów, tabletów, urządzeń składanych i urządzeń z ChromeOS.
Aplikacja powinna być elastyczna, aby uwzględniać różne rozmiary, orientacje i formaty wyświetlaczy. Układ adaptacyjny zmienia się w zależności od dostępnej przestrzeni wyświetlania. Więcej informacji znajdziesz w artykule Obsługa różnych rozmiarów ekranów.
Projektowanie zgodnie ze wskazówkami
Ogólna jakość aplikacji jest podstawą wszystkich aplikacji na Androida niezależnie od rozmiaru ekranu, orientacji urządzenia czy innych czynników związanych z urządzeniem. Zanim zaczniesz projektować aplikację na duży ekran, powinna ona spełniać te podstawowe wymagania. Więcej informacji znajdziesz w artykule Jakość podstawowych funkcji aplikacji.
Aplikacja powinna zapewniać użytkownikom doskonałe wrażenia niezależnie od formy, rozmiaru ekranu, trybu wyświetlania i położenia urządzenia. Dlatego zaprojektuj ją zgodnie z tymi wytycznymi: poziom 1, 2 i 3.
Wskazówki te określają kompleksowy zestaw wymagań dotyczących jakości w przypadku większości typów aplikacji na Androida.
Poziom 3:
Na tym podstawowym poziomie aplikacja musi nadal spełniać wymagania dotyczące interfejsu użytkownika i grafiki. Aplikacja jest gotowa do wyświetlania na dużym ekranie i użytkownicy mogą wykonywać kluczowe czynności, ale wrażenia z jej korzystania są mniej niż optymalne.
Układ aplikacji może nie być idealny, ale aplikacja działa w trybie pełnoekranowym lub w trybie wielu okien. Nie jest to letterbox i nie działa w trybie zgodności. Aplikacja zapewnia podstawową obsługę zewnętrznych urządzeń wejściowych, takich jak klawiatura, mysz i trackpad. Więcej informacji znajdziesz w artykule o gotowości na wyświetlacze wielkoformatowe.
Poziom 2:
Aplikacja implementuje tu optymalizację układu pod kątem wszystkich rozmiarów ekranu i konfiguracji urządzenia, a także rozszerzoną obsługę zewnętrznych urządzeń wejściowych. Więcej informacji znajdziesz w sekcji Zoptymalizowane pod kątem dużego ekranu.
Poziom 1:
Jest to najwyższy poziom pomocy, który zapewnia użytkownikom najlepsze wrażenia z aplikacji, ponieważ zawiera funkcje i możliwości premium.
W stosownych przypadkach aplikacja powinna obsługiwać wielozadaniowość, składanie, przeciąganie i używanie rysika. Na tym poziomie aplikacje są bardzo zróżnicowane, dlatego uważnie czytaj wytyczne dotyczące takich kwestii jak wielozadaniowość czy składane urządzenia. Więcej informacji znajdziesz w artykule Różnice między dużymi ekranami.
Zoptymalizowane układy
Wykorzystaj większą przestrzeń dużych ekranów bez letterboxingu (ze względu na ograniczenie orientacji) ani rozciągania. Optymalizując układ aplikacji pod kątem mediów i mediów społecznościowych, zwiększysz zasięg aplikacji i zapewnisz lepsze wrażenia użytkownikom na wszystkich urządzeniach z dużym ekranem (tabletach, składanych urządzeniach i urządzeniach z systemem ChromeOS), a także na wszystkich rozmiarach telefonów.
Elementy szyny nawigacyjnej i elementy szuflady zapewniają wygodną nawigację, która nie przeszkadza w używaniu interfejsu. Komponenty uzupełniają też kanoniczne układy (listę szczegółów, kanał i panel pomocniczy), umieszczając główne elementy nawigacji w zasięgu ręki, przy jednoczesnym zajmowaniu minimalnej ilości miejsca na ekranie.
Układy multimediów
Zwiększ użyteczność aplikacji, wdrażając układy specyficzne dla mediów w przypadku listy szczegółów, kanału i panelu pomocniczego. Informacje o MDX, Flutter i komponentach Compose znajdziesz w artykule Zasoby dotyczące układów.
Lista-szczegóły: zaprojektowanie aplikacji z interaktywnym przeglądarką multimediów umożliwia użytkownikom przeglądanie różnych multimediów podczas oglądania lub słuchania. Nazwy multimediów wyświetlają się obok odtwarzanego pliku wideo lub audio. Jeśli orientacja urządzenia się zmieni, układ listy i szczegółów dostosuje się do zachowania stanu aplikacji. Więcej informacji znajdziesz w artykule Układy listy i szczegółów.
Kanał: w tym układzie elementy treści są rozmieszczone w kolumnach, co umożliwia 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: w przypadku obszarów wyświetlania podstawowego i dodatkowego aplikacja może umieszczać panel pomocniczy, który może zawierać kontekst, informacje o relatywnym podobieństwie lub odniesienia, np. przewijaną listę podobnych tytułów, opublikowanych recenzji lub dodatkowych utworów tego samego wykonawcy lub aktora. Więcej informacji znajdziesz w artykule Obsługiwane układy paneli.
Wybraną kolekcję układów multimediów znajdziesz w Galerii multimediów.
Układy mediów społecznościowych
Duże ekrany dają użytkownikom mediów społecznościowych więcej miejsca do pracy, wielozadaniowości, przeciągania treści między aplikacjami i ich udostępniania. Dzięki charakterystycznym funkcjom i możliwościom niedostępnym na urządzeniach z małymi ekranami aplikacja multimedialna na dużym ekranie może korzystać z układów listy szczegółów, kanału i panelu pomocniczego.
Lista-szczegóły: idealne rozwiązanie dla aplikacji do przesyłania wiadomości, menedżerów kontaktów lub przeglądarek plików. Na przykład aplikacja może wyświetlać listę rozmów z ich szczegółami, aby użytkownik był na bieżąco z najnowszymi wiadomościami. Więcej informacji znajdziesz w artykule Układy listy i szczegółów.
Kanał: w tym stylu układu często występują karty i listy. Możesz na przykład utworzyć kolaż z postami w elastycznym formacie siatki lub za pomocą rozmiaru i położenia 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: ten styl układu może być przydatny w przypadku aplikacji do wyszukiwania i pobrania informacji lub aplikacji do produktywności. Użytkownik ma wtedy pod ręką narzędzia do tworzenia treści. Aplikacja może na przykład umożliwiać użytkownikom dostosowywanie ustawień, dostęp do palet kolorów, stosowanie efektów i natychmiastowe wyświetlanie zmian. Więcej informacji znajdziesz w artykule Obsługiwane układy paneli.
Wybraną 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 najlepszych praktyk dotyczących dużych ekranów pozwala uniknąć niepotrzebnego przerabiania aplikacji. Dzięki temu od samego początku będzie ona bardziej przyjazna dla użytkowników na większej liczbie urządzeń, zwłaszcza w zakresie orientacji, skrótów klawiszowych, obsługi podglądu aparatu i ustawienia składanego ekranu.
Orientacja i zmiana rozmiaru
Jeśli aplikacja multimedialna deklaruje ograniczenia dotyczące orientacji i zmiany rozmiaru, Android aktywuje tryb zgodności. Chociaż tryb zgodności zapewnia prawidłowe działanie aplikacji, znacznie zmniejsza jej użyteczność i wrażenia użytkownika.
Jeśli na przykład aplikacja jest przeznaczona na tablet, to urządzenie to będzie miało tryb poziomy. Jeśli Twoja aplikacja jest ograniczona do orientacji pionowej, powoduje to letterbox, co nie jest idealne dla użytkownika. Aplikacja powinna umożliwiać użytkownikom korzystanie z preferowanej orientacji, dlatego w swoim 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 odbiorem multimediów, co ogranicza korzystanie z aplikacji. Zmiana orientacji może w pewnym stopniu wpływać na rozmiar, ale zmiana rozmiaru niekoniecznie powoduje zmianę orientacji.
Skróty klawiszowe
Na większym ekranie skróty na klawiaturze fizycznej, takie jak start, stop, wstrzymaj, przewinąć do tyłu i przewinąć do przodu, są częściej używane, co zapewnia spójne korzystanie z klawiatury.
Użytkownicy oczekują tych funkcji w aplikacjach multimedialnych. Aby zmniejszyć trudności użytkowników, rozważ przetestowanie aplikacji za pomocą klawiatury fizycznej. Dzięki temu na początku projektowania możesz zauważyć i uwzględnić te ważne skróty w aplikacji.
Obsługa podglądu z aparatu
Na dużych ekranach może być więcej problemów z rozciąganiem, przycinaniem i obracaniem. Nie możesz więc zakładać, że rozmiar podglądu aparatu jest tym, co interfejs Twojej aplikacji multimedialnej faktycznie renderuje.
Jeśli na przykład użytkownik zrobi zdjęcie tabletem, ale na ekranie wyświetli się ono do góry nogami, będzie to nieoptymalne rozwiązanie. Uwzględnij obsługę podglądu w aparacie na dużych ekranach.
Więcej informacji znajdziesz w artykule Podgląd w aplikacji CameraX lub Podgląd w aplikacji Camera2.
Stany składania
Projektowanie aplikacji multimedialnej na potrzeby dużych ekranów obejmuje również składane urządzenia. Aplikacja może na przykład umożliwiać użytkownikowi odtwarzanie multimediów w konfiguracji stołowej lub korzystać z ekranu tylnego i trybu Dual Screen do wyświetlania podglądu i robienia zdjęć.
Dzięki uwzględnieniu składanych urządzeń w planie rozwoju aplikacja będzie dostępna na większej liczbie urządzeń i będzie miała większy zasięg. Rozszerza możliwości korzystania z multimediów w sposób, którego nie da się osiągnąć na innych urządzeniach bez składania. Więcej informacji znajdziesz w sekcji Pozycje z położonym urządzeniem.