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 – i mają ekrany o różnych rozmiarach. Android obsługuje wiele trybów wyświetlania, w tym wielookienkowy, wieloekranowy, dowolny i obraz w obrazie. Urządzenia składane mogą być w różnych stanach lub pozycjach, np. na stole lub w formie książki.

Podczas projektowania aplikacji weź pod uwagę różne przypadki jej użycia. Przykład:

  • Urządzenia z dużym ekranem dają użytkownikom więcej możliwości korzystania z treści aplikacji multimedialnej.

  • Użytkownicy mogą wykonywać wiele zadań jednocześnie podczas oglądania filmu 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 widzieć znajomych oraz rodzinę w większych szczegółach. Aplikacja może wyświetlać bardziej szczegółowe informacje o tytule lub scenie w niestandardowej nakładce odtwarzania albo oferować więcej opcji sterowania na ekranie.

  • Karuzela w widoku przeglądania może zawierać większą różnorodność, co zwiększa jej atrakcyjność wizualną. Aplikacja multimedialna może też utrzymywać zaangażowanie użytkowników, oferując przewijalny plik danych obok odtwarzania.

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

Ustawianie domyślnej elastyczności aplikacji do multimediów

Unikaj problemów z użytkowaniem aplikacji multimedialnej, 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świetlacza, orientacje i formaty. 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 wyświetlaczy.

Projektowanie zgodnie z wytycznymi

Ogólna jakość aplikacji to podstawa 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ę pod kątem dużego ekranu, sprawdź, czy 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 rodzaju urządzenia, rozmiaru ekranu, trybu wyświetlania czy orientacji. Dlatego projektuj aplikację zgodnie z poniższymi wytycznymi dotyczącymi poziomów 1, 2 i 3.

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

Poziom 3:

Na tym podstawowym poziomie aplikacja musi nadal spełniać wymagania dotyczące interfejsu i grafiki. Aplikacja jest gotowa do używania na dużych ekranach, a użytkownicy mogą wykonywać najważniejsze zadania, ale ich wrażenia mogą być mniej niż optymalne.

Układ aplikacji może nie być idealny, ale działa ona w trybie pełnoekranowym lub w pełnym oknie w trybie wielu okien. Nie jest wyświetlany w formacie letterbox ani nie działa w trybie zgodności. Aplikacja zapewnia podstawową obsługę zewnętrznych urządzeń wejściowych, w tym klawiatury, myszy i trackpada. Więcej informacji znajdziesz w artykule Optymalizacja pod kątem dużych ekranów.

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 sekcji Optymalizacja pod kątem dużego ekranu.

Poziom 1:

Jest to najlepszy poziom pomocy, który zapewnia użytkownikowi najlepsze wrażenia z korzystania z aplikacji, ponieważ określa funkcje i możliwości premium.

W stosownych przypadkach aplikacja obsługuje wielozadaniowość, tryby składania, przeciąganie i wpisywanie za pomocą rysika. Na tym poziomie aplikacje są bardzo zróżnicowane, dlatego zwróć szczególną uwagę na wytyczne dotyczące takich funkcji jak wielozadaniowość i tryby składania. Więcej informacji znajdziesz w artykule Różnice na dużych ekranach.

Zoptymalizowane układy

Wykorzystaj większą przestrzeń na dużych ekranach bez letterboxingu (spowodowanego ograniczeniem orientacji) lub rozciągania. Optymalizując układ aplikacji pod kątem medió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 – oraz na telefonach wszystkich rozmiarów.

Komponenty paska nawigacyjnego i szuflady zapewniają wygodną i łatwą w obsłudze nawigację w interfejsie. Komponenty te uzupełniają też kanoniczne układy (lista-szczegóły, kanał i panel pomocniczy), umieszczając główne miejsca docelowe nawigacji w łatwo dostępnym miejscu, a jednocześnie 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 w przypadku widoku listy i szczegółów, pliku danych i panelu pomocniczego. Informacje o układach MDX, Flutter i Compose znajdziesz w sekcji Zasoby układu.

  • Lista – szczegóły: zaprojektowanie aplikacji z interaktywną przeglądarką multimediów umożliwia użytkownikom przeglądanie różnych multimediów podczas 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 listy i szczegółów dostosuje się, aby zachować stan aplikacji. Więcej informacji znajdziesz w artykule Układy lista-szczegóły.

  • Kanał: układ kanału rozmieszcza 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 sekcji Układy kanałów.

  • Panel pomocniczy: aplikacja może zawierać panel pomocniczy z głównym i dodatkowym obszarem wyświetlania, który zapewnia kontekst, trafność lub odniesienie, np. przewijaną listę podobnych tytułów, opublikowane recenzje lub dodatkowe dzieła tych samych artystó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 mediów społecznościowych

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

  • Lista-szczegóły: ten układ jest idealny w przypadku aplikacji do obsługi wiadomości, menedżerów kontaktów lub przeglądarek plików. Na przykład aplikacja może wyświetlać listę rozmów obok szczegółów, aby użytkownik mógł być na bieżąco z najnowszymi wiadomościami. Więcej informacji znajdziesz w artykule Układy lista–szczegóły.

  • Feed: Typowe komponenty tego stylu układu to karty i listy. Możesz na przykład utworzyć kolaż postów w elastycznej siatce 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 plików danych.

  • Panel pomocniczy: aplikacje do wyszukiwania i aplikacje referencyjne lub aplikacje zwiększające produktywność mogą korzystać z tego stylu układu. Dzięki temu użytkownik ma narzędzia do tworzenia treści zawsze pod ręką. Na przykład aplikacja może 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ługiwane układy paneli.

Wyselekcjonowaną 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 sprawdzonych metod w przypadku dużych ekranów pomaga uniknąć niepotrzebnych zmian w aplikacji. Dzięki temu od początku jest ona bardziej przyjazna dla użytkowników na większej liczbie urządzeń, zwłaszcza pod względem orientacji, skrótów klawiszowych, obsługi podglądu z kamery i trybów składania.

Orientacja i zmiana rozmiaru

Jeśli aplikacja multimedialna deklaruje ograniczenia dotyczące orientacji i zmiany rozmiaru, Android aktywuje tryb zgodności. Tryb zgodności zapewnia akceptowalne działanie aplikacji, ale znacznie zmniejsza jej użyteczność i pogarsza komfort korzystania.

Jeśli na przykład aplikacja jest na tablecie, tablet jest zadokowany w orientacji poziomej. Jeśli Twoja aplikacja jest ograniczona do trybu pionowego, powoduje to efekt letterboxingu, który nie jest idealny dla użytkownika. Aplikacja powinna umożliwiać użytkownikom korzystanie z preferowanej orientacji, dlatego w 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 korzystania z multimediów, co ogranicza użyteczność aplikacji. Zmiana orientacji może w pewnym stopniu wpływać na rozmiar, ale zmiana rozmiaru nie musi powodować zmiany orientacji.

Skróty klawiszowe

Na większym ekranie użytkownicy częściej korzystają ze skrótów klawiszowych na klawiaturze fizycznej, takich jak rozpoczęcie, zatrzymanie, wstrzymanie, przewijanie do tyłu i do przodu, co zapewnia spójne wrażenia podczas korzystania z klawiatury.

Użytkownicy oczekują tych funkcji w aplikacjach multimedialnych. Aby zmniejszyć liczbę problemów użytkowników, przetestuj aplikację za pomocą klawiatury fizycznej. Dzięki temu możesz zauważyć i uwzględnić te ważne skróty w aplikacji już na początku projektowania.

Obsługa podglądu z kamery

Na dużych ekranach może wystąpić więcej problemów z rozciąganiem, przycinaniem i obracaniem. Nie możesz więc zakładać, że rozmiar podglądu z kamery jest taki sam jak rozmiar interfejsu w aplikacji multimedialnej.

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 rozwiązanie. Obsługa podglądu z kamery na dużych ekranach.

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

Stany urządzenia składanego

Projektowanie aplikacji multimedialnej pod kątem dużych ekranów obejmuje pozycje składanego urządzenia. 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 dwóch ekranów do podglądu i nagrywania.

Dzięki uwzględnieniu w planie rozwoju trybów składania aplikacja będzie dostępna na większej liczbie urządzeń i będzie miała większy zasięg. Możesz powiększyć multimedia dla użytkownika w sposób, w jaki inne urządzenia nie mogą tego zrobić bez trybów składania. Więcej informacji znajdziesz w sekcji Pozycje urządzenia składanego.