Projektuj od samego początku na duże ekrany

Urządzenia z Androidem są dostępne w różnych formatach – telefonach, tabletach, urządzeniach składanych i ChromeOS – do różnych rozmiarów ekranu. Android obsługuje wiele trybów wyświetlania, w tym tryb wielu okien, wiele wyświetlaczy, dowolny obraz i obraz w obrazie. Urządzenia składane mogą znajdować się w różnych stanach i stanach, np. na stole lub w książce.

Na etapie projektowania aplikacji weź pod uwagę różne jej zastosowania. Przykład:

  • Urządzenia z dużym ekranem zapewniają użytkownikom więcej miejsca do interakcji z treściami w aplikacji do multimediów na różne sposoby.

  • Podczas oglądania filmu w trybie wielu okien użytkownicy mogą wykonywać wiele zadań jednocześnie lub korzystać z większego ekranu, aby wprowadzić bardziej złożone zmiany po zarejestrowaniu obrazu.

  • Użytkownicy mogą sięgać po tablet, aby prowadzić rozmowy wideo i zobaczyć więcej szczegółów na temat znajomych i rodziny. Aplikacja może wyświetlać bogatszy kontekst tytułu lub sceny w niestandardowej nakładce odtwarzania lub dawać więcej opcji sterowania na ekranie.

  • Karuzele w widoku przeglądania mogą być bardziej różnorodne dla większej atrakcyjności wizualnej, a aplikacja do multimediów może utrzymać zaangażowanie użytkowników, oferując możliwość przeglądania ich obok odtwarzania.

Pamiętaj, że aplikacja do multimediów ma ten sam kod działający na standardowym telefonie, składanym, tablecie i urządzeniach z ChromeOS, więc już od samego początku procesu tworzenia aplikacji najlepiej projektować ją z myślą o dużych ekranach. Więcej informacji i przykłady wizualne znajdziesz w artykule Galeria na dużym ekranie.

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

Aby zadbać o wygodę użytkowników, zadbaj o dostosowywanie układu aplikacji do multimediów na telefony, tablety, urządzenia składane i urządzenia z ChromeOS.

Aplikacja powinna dostosowywać się do różnych rozmiarów, orientacji i formatów ekranu. 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 ekranu.

Projektuj zgodnie z wytycznymi

Główna jakość aplikacji to podstawa wszystkich aplikacji na Androida, niezależnie od rozmiaru wyświetlacza, stanu urządzenia i innych czynników dotyczących konkretnego urządzenia. Zanim zaczniesz projektować aplikację na duży ekran, Twoja aplikacja powinna spełniać te podstawowe wymagania. Więcej informacji znajdziesz w artykule Najważniejsza jakość aplikacji.

Twoja aplikacja powinna być wygodna w obsłudze niezależnie od formatu urządzenia, rozmiaru ekranu, trybu wyświetlania i stanu, dlatego zaprojektuj ją zgodnie z poniższymi wskazówkami na poziomach 1, 2 i 3.

Określają one kompleksowy zestaw wymagań dotyczących jakości dla większości rodzajów aplikacji na Androida.

Poziom 3:

Na tym poziomie podstawowym aplikacja nadal musi spełniać wymagania dotyczące interfejsu 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 działa na pełnym ekranie lub w trybie pełnoekranowym w trybie wielu okien. Nie ma on poziomych pasów ani 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 Obsługa dużego ekranu.

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 artykule Optymalizacja 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.

Tam, gdzie to możliwe, aplikacja obsługuje wielozadaniowość, składanie elementów, przeciąganie i wprowadzanie stylów. 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 Rozróżnianie dużych ekranów.

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 społecznościowych i mediów społecznościowych, zwiększasz jej zasięg i zapewniasz użytkownikom lepsze wrażenia na wszystkich urządzeniach z dużym ekranem (tabletach, urządzeniach składanych i urządzeń z ChromeOS), a także aby zapewnić obsługę wszystkich rozmiarów 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

Ułatw korzystanie z aplikacji przez wdrożenie układów dostosowanych do multimediów na potrzeby szczegółów listy, kanału i panelu obsługi. Informacje o układach MDX, Flutter i Compose znajdziesz w artykule Zasoby układów.

  • Szczegóły listy: Jeśli w aplikacji dodasz interaktywną przeglądarkę multimediów, użytkownicy będą mogli przeglądać różne multimedia podczas ich 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 szczegółów listy reaguje, aby zachować stan aplikacji. Więcej informacji znajdziesz w artykule Układy szczegółów listy.

  • 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 przypadku głównego i dodatkowego obszaru 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ługa układów 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 miejsca do pracy przy tworzeniu, wielozadaniowości, przeciąganiu treści między aplikacjami i ich udostępnianiu. Dzięki charakterystycznym funkcjom i możliwościom, 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. Aplikacja może na przykład wyświetlać listę rozmów ze szczegółowymi informacjami, aby być na bieżąco z najnowszymi wiadomościami. Więcej informacji znajdziesz w artykule Układy szczegółów listy.

  • Plik danych: typowymi komponentami tego stylu są karty i listy. Możesz na przykład utworzyć kolaż postów w elastycznym formacie siatki lub użyć rozmiaru i pozycji, aby przyciągnąć uwagę do dobrze widocznych postów. Użytkownicy mogą szybko przeglądać duże grupy treści. Więcej informacji znajdziesz w artykule Układy pliku danych.

  • Panel pomocy: ten styl układu może przydać się do wyszukiwania i materiałów referencyjnych lub aplikacji zwiększających produktywność. Narzędzia do tworzenia treści są zawsze pod ręką. Na przykład aplikacja może pozwalać użytkownikom na dostosowywanie ustawień, korzystanie z palet kolorów, stosowanie efektów i natychmiastowe wyświetlanie zmian. Więcej informacji znajdziesz w artykule Obsługa układów 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 do multimediów na dużym ekranie

Korzystanie ze sprawdzonych metod dotyczących dużych ekranów pomaga uniknąć niepotrzebnego przerabiania aplikacji. Sprawiają też, że od samego początku aplikacja jest bardziej przyjazna w obsłudze na większej liczbie urządzeń, zwłaszcza pod względem orientacji, skrótów klawiszowych, podglądu z aparatu i położenia po złożeniu.

Orientacja i zmiana rozmiaru

Jeśli aplikacja do multimediów deklaruje ograniczenia dotyczące orientacji i zmiany rozmiaru, Android włącza tryb zgodności. Tryb zgodności zapewnia odpowiednie działanie aplikacji, ale jej użyteczność jest znacznie mniejsza, co utrudnia użytkownikom korzystanie z niej.

Na przykład jeśli aplikacja jest na tablecie, tablet zadokuje się w orientacji poziomej. Jeśli aplikacja ma tylko orientację pionową, pojawiają się czarne pasy, co nie jest idealnym rozwiązaniem dla użytkownika. Aplikacja powinna umożliwiać użytkownikom korzystanie z preferowanej orientacji, więc zadbaj o to, by w projekcie wykorzystano rozmiar dużego ekranu.

Wszelkie ograniczenia orientacji utrudniają użytkownikom korzystanie z treści i korzystanie z multimediów, co ogranicza korzystanie z aplikacji. Zmiana orientacji może w pewnym stopniu wpłynąć na rozmiary, ale jej zmiana nie musi spowodować jej zmiany.

Skróty klawiszowe

Na większym ekranie częściej używane są skróty klawiszowe na klawiaturach fizycznych, takie jak uruchamianie, zatrzymywanie, wstrzymywanie, przewijanie i do przodu, dzięki czemu korzystanie z klawiatury jest bardziej spójne.

Użytkownicy oczekują tych funkcji w aplikacjach do multimediów. Aby ułatwić użytkownikom obsługę, rozważ testowanie aplikacji za pomocą klawiatury fizycznej. Dzięki temu możesz zauważyć te ważne skróty i umieścić je na początku projektu.

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 rozmiar interfejsu 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. Możesz włączyć podgląd z aparatu na dużych ekranach.

Więcej informacji znajdziesz w sekcjach Podgląd w AparacieX i Podgląd w aparacie2.

Stan składany

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

Gdy w Twoim planie rozwoju aplikacji znajdują się stany składane, aplikacja jest dostępna na większej liczbie urządzeń i ma szerszy wpływ. Możliwość korzystania z multimediów jest zwiększona w sposób, który jest niedostępny dla innych urządzeń bez składanych elementów. Więcej informacji znajdziesz w artykule o stanach składanych.