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ę nad różnymi sposobami jej wykorzystania. 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 do rozmów wideo i oglądania znajomych oraz rodziny w większym przybliżeniu. Aplikacja może wyświetlać więcej informacji o tytule lub scenie w ramach niestandardowego nakładki odtwarzania lub oferować więcej opcji sterowania na ekranie.
Karuzele w widoku przeglądania mogą być bardziej zróżnicowane, co zwiększa ich 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 należy ją projektować 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 ekranu. Układ adaptacyjny zmienia się w zależności od dostępnej przestrzeni na ekranie. 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 danym 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ć 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.
Wytyczne 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 informacje o funkcjach i możliwościach premium.
W stosownych przypadkach aplikacja powinna obsługiwać wielozadaniowość, składanie, przeciąganie i sterowanie za pomocą rysika. Na tym poziomie aplikacje są bardzo zróżnicowane, dlatego uważnie przeczytaj wytyczne dotyczące takich kwestii jak wielozadaniowość czy składanie. Więcej informacji znajdziesz w artykule Różnice między dużymi ekranami.
Zoptymalizowane układy
Wykorzystaj większą przestrzeń na dużych ekranach bez stosowania 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, implementując układy specyficzne dla mediów w przypadku listy szczegółów, pliku danych i panelu pomocniczego. Informacje o MDX, Flutter i komponowaniu układów znajdziesz w artykule Zasoby układu.
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. Tytuły multimediów wyświetlane są obok siebie wraz z odtwarzanym plikiem wideo lub audio. Jeśli orientacja urządzenia się zmieni, układ listy i szczegółów dostosuje się do tego 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łu.
Panel pomocniczy: w podstawowych i dodatkowych obszarach wyświetlania 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 zapewniają użytkownikom mediów społecznościowych więcej miejsca do pracy, wielozadaniowość, przeciąganie treści między aplikacjami i udostępnianie ich. Dzięki charakterystycznym funkcjom i możliwościom niedostępnym na urządzeniach z małym ekranem 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 szczegółami obok siebie, aby użytkownik był na bieżąco z najnowszymi wiadomościami. Więcej informacji znajdziesz w artykule Układy listy i szczegółów.
Plik danych: 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 wielkości, 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 na tablecie, tablet jest zadokowany w orientacji poziomej. 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 klawiszowe na klawiaturach fizycznych, takie jak start, stop, pauza, przewijanie do tyłu i do przodu, są częściej używane, co zapewnia użytkownikom spójne wrażenia podczas korzystania 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. Dodać 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.
składane postawy
Projektowanie aplikacji multimedialnej na duże ekrany obejmuje składanie. 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 przez użytkownika 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 użyciem składanego urządzenia.