Projektuj od samego początku na duże ekrany

Urządzenia z Androidem są dostępne w różnych formatach – jako telefony, tablety, urządzenia składane i urządzenia z ChromeOS – i mają różne rozmiary ekranu. Android obsługuje wiele trybów wyświetlania, w tym tryb wielu okien, wielu wyświetlaczy, swobodny i obraz w obrazie. Urządzenia składane mogą być w różnych stanach lub pozycjach, np. w trybie stołowym lub książkowym.

Zanim zaczniesz projektować aplikację, zastanów się nad różnymi przypadkami użycia. Przykład:

  • Urządzenia z dużym ekranem dają użytkownikom więcej możliwości korzystania z treści w aplikacji do multimediów 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 wprowadzać bardziej złożone zmiany po zrobieniu zdjęcia.

  • Użytkownicy mogą korzystać z tabletu, aby prowadzić rozmowy wideo i lepiej widzieć znajomych i rodzinę. Aplikacja może wyświetlać bogatszy kontekst dotyczący tytułu lub sceny w niestandardowej nakładce odtwarzania lub oferować więcej opcji sterowania na ekranie.

  • Karuzela w widoku przeglądania może być bardziej urozmaicona, aby była atrakcyjniejsza wizualnie. Aplikacja do multimediów może też utrzymywać zaangażowanie użytkowników, oferując kanał do przeglądania obok odtwarzania.

Pamiętaj, że aplikacja do multimediów ma ten sam kod działający na standardowym telefonie, urządzeniu składanym, tablecie i urządzeniach z ChromeOS, dlatego od samego początku tworzenia aplikacji należy projektować ją z myślą o dużych ekranach. Więcej informacji i przykłady wizualne znajdziesz w galerii dużych ekranów.

Domyślne ustawienie aplikacji do multimediów jako elastycznej

Unikaj problemów z obsługą aplikacji do multimediów, 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świetlaczy, orientacje i formy. 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świetlacza.

Projektowanie zgodnie z wytycznymi

Ogólna jakość aplikacji jest podstawą wszystkich aplikacji na Androida, niezależnie od rozmiaru wyświetlacza, pozycji urządzenia czy innych kwestii związanych z urządzeniem. Zanim zaczniesz projektować aplikację na duży ekran, upewnij się, że 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 formatu urządzenia, rozmiaru ekranu, trybu wyświetlania czy pozycji, dlatego zaprojektuj ją zgodnie z poniższymi wytycznymi dotyczącymi poziomów 1, 2 i 3.

Wskazówki zawierają kompleksowy zestaw wymagań dotyczących jakości większości typów aplikacji na Androida.

Poziom 3:

Na tym podstawowym poziomie aplikacja musi spełniać wymagania dotyczące interfejsu i grafiki. Aplikacja jest gotowa na duże ekrany, a użytkownicy mogą wykonywać najważniejsze zadania, ale nie jest to dla nich optymalne.

Układ aplikacji może nie być idealny, ale działa ona na pełnym ekranie lub w pełnym oknie w trybie wielu okien. Nie jest wyświetlana w formacie 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 Gotowość 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 artykule Optymalizacja pod kątem dużego ekranu.

Poziom 1:

To najlepszy poziom obsługi, który zapewnia użytkownikowi najlepsze wrażenia podczas korzystania z aplikacji, ponieważ określa funkcje i możliwości premium.

W stosownych przypadkach aplikacja obsługuje wielozadaniowość, pozycje składane, przeciąganie i rysik. Na tym poziomie aplikacje są bardzo zróżnicowane, więc zwróć szczególną uwagę na wytyczne dotyczące takich kwestii jak wielozadaniowość i pozycje składanego urządzenia. Więcej informacji znajdziesz w artykule Zróżnicowane na dużych ekranach.

Zoptymalizowane układy

Wykorzystaj większą przestrzeń dużych ekranów bez letterboxingu (z powodu ograniczenia orientacji) i rozciągania. Optymalizując układ aplikacji pod kątem multimedió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 – a także na telefonach o różnych rozmiarach.

Komponenty panelu nawigacyjnego i szuflady zapewniają wygodną i łatwą w obsłudze nawigację w interfejsie. Komponenty uzupełniają też układy kanoniczne (szczegółowa lista, kanał i panel pomocniczy), umieszczając główne miejsca docelowe nawigacji w zasięgu ręki i 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, takie jak szczegółowa lista, kanał i panel pomocniczy. Informacje o układach MDX, Flutter i Compose znajdziesz w artykule Zasoby układu.

  • Szczegółowa lista: zaprojektowanie aplikacji z interaktywną przeglądarką multimediów pozwala użytkownikom przeglądać różne multimedia podczas oglądania lub słuchania. Tytuły multimediów są wyświetlane obok odtwarzanego filmu lub pliku audio. Jeśli orientacja urządzenia się zmieni, układ listy i szczegółów dostosuje się, aby zachować stan aplikacji. Więcej informacji znajdziesz w artykule Układy szczegółowej listy.

  • Kanał: układ kanału porządkuje 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 artykule o układach kanałów.

  • Panel pomocniczy: dzięki głównemu i dodatkowemu obszarowi wyświetlania aplikacja może zawierać panel pomocniczy, który zapewnia kontekst, trafność lub odniesienie, np. przewijaną listę podobnych tytułów, opublikowane recenzje lub dodatkowe dzieła tych samych wykonawców lub aktorów. Więcej informacji znajdziesz w sekcji Obsługa układów paneli.

Kolekcję wybranych układów multimediów znajdziesz w galerii multimediów.

Układy do mediów społecznościowych

Duże ekrany dają użytkownikom mediów społecznościowych więcej miejsca do tworzenia, wykonywania wielu zadań jednocześnie, przeciągania treści między aplikacjami i ich udostępniania. Dzięki unikalnym funkcjom i możliwościom, które nie są dostępne na urządzeniach z małym ekranem, aplikacja do multimediów na dużym ekranie może korzystać z układów szczegółowej listy, kanału oraz panelu pomocniczego.

  • Szczegółowa lista: ten układ jest idealny 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 obok szczegółów, aby użytkownik był na bieżąco z najnowszymi wiadomościami. Więcej informacji znajdziesz w artykule Układy szczegółowej listy.

  • Kanał: typowe komponenty w tym stylu układu to karty i listy. Możesz na przykład utworzyć kolaż postów w formacie elastycznej siatki 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 kanałów.

  • Panel pomocniczy: ten styl układu może być przydatny w przypadku aplikacji do wyszukiwania i aplikacji referencyjnych lub aplikacji zwiększających produktywność. Dzięki temu narzędzia do tworzenia treści są zawsze pod ręką. Aplikacja może na przykład 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ł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że ekrany

Stosowanie sprawdzonych metod dotyczących dużych ekranów pomaga uniknąć niepotrzebnych poprawek w aplikacji. Dzięki nim aplikacja jest też od samego początku bardziej przyjazna dla użytkownika na większej liczbie urządzeń, zwłaszcza pod względem orientacji, skrótów klawiszowych, obsługi podglądu z aparatu i pozycji składanych.

Orientacja i zmiana rozmiaru

Jeśli aplikacja do multimediów deklaruje ograniczenia dotyczące orientacji i zmiany rozmiaru, Android aktywuje tryb zgodności. Chociaż tryb zgodności zapewnia akceptowalne działanie aplikacji, znacznie obniża 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 aplikacja jest ograniczona do orientacji pionowej, powoduje to wyświetlanie czarnych pasów, co nie jest idealnym rozwiązaniem dla użytkownika. Aplikacja powinna umożliwiać użytkownikom korzystanie z preferowanej orientacji, dlatego w projekcie należy wykorzystać 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 multimediów, co ogranicza korzystanie z aplikacji. Zmiana orientacji może w pewnym stopniu wpłynąć na rozmiar, ale zmiana rozmiaru nie musi koniecznie zmienić orientacji.

Skróty klawiszowe

Na większym ekranie częściej używane są skróty klawiszowe na klawiaturach fizycznych, takie jak start, stop, pauza, przewijanie do tyłu i do przodu, co zapewnia użytkownikom spójne wrażenia podczas korzystania z klawiatury.

Użytkownicy oczekują tych funkcji w aplikacjach do multimediów. Aby zmniejszyć liczbę problemów, z którymi mogą się zetknąć użytkownicy, rozważ przetestowanie aplikacji z klawiaturą fizyczną. Dzięki temu możesz zauważyć i uwzględnić te ważne skróty w aplikacji na początku projektowania.

Obsługa podglądu z aparatu

Na dużych ekranach mogą występować problemy z rozciąganiem, przycinaniem i obracaniem. Nie można więc zakładać, że rozmiar podglądu z aparatu jest taki sam jak rozmiar interfejsu renderowanego przez aplikację do multimediów.

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 działanie. Uwzględnij obsługę podglądu z aparatu na dużych ekranach.

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

Stany urządzenia składanego

Projektowanie aplikacji do multimediów na duże ekrany obejmuje pozycje składane. 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 Dual Screen do podglądu i rejestrowania.

Dzięki uwzględnieniu w planie rozwoju trybów składanych urządzeń aplikacja jest dostępna na większej liczbie urządzeń i ma większy zasięg. Możesz powiększyć obszar multimediów dla użytkownika w sposób, który nie jest możliwy na innych urządzeniach bez trybów składania. Więcej informacji znajdziesz w artykule o pozycjach urządzeń składanych.