Projektuj od samego początku na duże ekrany

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 wielu okien, wiele wyświetlaczy, dowolny obraz i obraz 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.

Na etapie projektowania aplikacji weź pod uwagę różne jej zastosowania. 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, 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 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.

Ustaw aplikację do multimediów jako domyślnie elastyczną

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 ekranu, orientacje i formaty. 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.

Projektuj zgodnie z wytycznymi

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 Najważniejsza jakość 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. Twoja aplikacja jest gotowa na duży ekran, a użytkownicy mogą wykonywać najważniejsze zadania, ale nie jest to dla nich optymalna obsługa.

Układ aplikacji może nie być idealny, ale aplikacja działa na pełnym ekranie lub w trybie pełnoekranowym 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:

W tym przypadku aplikacja stosuje optymalizacje układu dla wszystkich rozmiarów ekranu i konfiguracji urządzeń, a także zapewnia 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 najlepszy poziom pomocy, który zapewnia użytkownikom największe możliwości korzystania z aplikacji, ponieważ określa funkcje i możliwości 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, więc zwracaj szczególną uwagę na wytyczne dotyczące m.in. wielozadaniowości i stanu składanego. Więcej informacji znajdziesz w artykule Różnice między dużymi ekranami.

Zoptymalizowane układy

Wykorzystaj zwiększoną przestrzeń na dużych ekranach bez czarnych pasów (z powodu ograniczenia orientacji) i 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.

Komponenty szyn nawigacyjnych i panelu nawigacji ułatwiają nawigację, co zwiększa wygodę i kontrolę interfejsu. Uzupełniają one też układy kanoniczne (szczegóły listy, kanał i panel pomocniczy), umieszczając główne miejsca docelowe nawigacji w niewielkiej odległości od użytkownika i zajmując minimalną ilość 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 układach MDX, Flutter i Compose znajdziesz w artykule Zasoby 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. 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 szczegółów listy reaguje, aby zachować stan aplikacji. Więcej informacji znajdziesz w artykule Układy listy i szczegółów.

  • Kanał źródła treści: odpowiednie elementy treści znajdują się w konfigurowalnej siatce, co umożliwia szybkie i wygodne przeglądanie dużej ilości treści w aplikacji, np. kanału muzycznego czy filmowego bądź telewizyjnego kiosku. Więcej informacji znajdziesz w artykule Układy pliku danych.

  • Panel pomocniczy: W głównym i dodatkowym obszarze wyświetlania aplikacja może zawierać panel pomocniczy z kontekstem, trafnością lub referencją, np. przewijaną listę podobnych tytułów, opublikowanych recenzji albo dodatkowych dzieł tych samych wykonawców lub aktorów. Więcej informacji znajdziesz w artykule Obsługiwane układy paneli.

Wyselekcjonowaną kolekcję układów multimediów znajdziesz w galerii multimediów.

Układy w mediach społecznościowych

Duże ekrany zapewniają użytkownikom mediów społecznościowych więcej przestrzeni do tworzenia, wykonywania wielu zadań jednocześnie, przeciągania treści między aplikacjami i ich udostępniania. Dzięki charakterystycznym funkcjom, które są niedostępne na urządzeniach z małymi ekranami, aplikacja do multimediów na dużym ekranie może korzystać ze szczegółowych list, kanałów i układów panelu.

  • Szczegóły listy: Idealne rozwiązanie w przypadku aplikacji do obsługi wiadomości, menedżerów kontaktów i 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 Lista i formularz.

  • Plik danych: typowymi komponentami tego stylu są karty i listy. Możesz na przykład utworzyć kolaż z postów w elastycznym formacie siatki lub za pomocą rozmiaru i położenia zwrócić uwagę na ważne posty. Użytkownicy mogą szybko przeglądać duże grupy treści. Więcej informacji znajdziesz w artykule Układy pliku 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.

Aby zobaczyć wyselekcjonowaną kolekcję układów do mediów społecznościowych, otwórz stronę 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, więc zadbaj o to, by w projekcie uwzględnione były dostępne rozmiary dużego ekranu.

Wszelkie ograniczenia dotyczące orientacji ograniczają sposób, w jaki użytkownicy mogą wchodzić w interakcje z treściami lub korzystać z multimediów, co ogranicza możliwości korzystania 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 aplikacji możesz zauważyć i uwzględnić te ważne skróty.

Obsługa podglądu z aparatu

W przypadku dużych ekranów mogą wystąpić problemy z rozciąganiem, przycinaniem i obracaniem. Nie można więc założyć, że rozmiar podglądu z aparatu jest taki sam, jak w rzeczywistości renderowany interfejs aplikacji do multimediów.

Jeśli na przykład użytkownik robi zdjęcie tabletem, ale na ekranie tego urządzenia jest ono renderowane do góry nogami, nie będzie to wygodne w obsłudze. Dodać obsługę podglądu w aparacie na dużych ekranach.

Więcej informacji znajdziesz w artykule Podgląd CameraX lub Podgląd Camera2.

składane postawy

Jeśli chcesz zaprojektować aplikację do multimediów pod kątem dużych ekranów, możesz ustawić je w formie składanej. Twoja aplikacja może na przykład zezwolić użytkownikowi na konfigurację na stole do odtwarzania multimediów lub używać tylnego wyświetlacza z trybem Dual Screen do wyświetlania podglądu i zapisywania dźwięku.

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 artykule o stanach składanych.