Zoptymalizowany na duży ekran
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
POZIOM 2 – wytyczne dotyczące jakości aplikacji na duży ekran, które przygotowują aplikację do wyświetlania na dużych i małych ekranach.
APLIKACJE ZOPTYMALIZOWANE NA DUŻE EKRANY wykorzystują duże wyświetlacze urządzeń, aby zapewnić użytkownikom produktywność i zaangażowanie.
Zoptymalizowane aplikacje są tworzone z użyciem układów elastycznych, które dostosowują się do orientacji poziomej i pionowej, trybu wieloekranowego oraz stanów urządzenia w stanie złożonym i rozłożonym. Listwy i drawery nawigacyjne wzbogacają interfejs użytkownika, który dynamicznie formatuje i umieszcza elementy takie jak przyciski, pola tekstowe i dialogi, aby zapewnić optymalną wygodę użytkowania.
Aplikacje zoptymalizowane pod kątem dużych ekranów obsługują nawigację za pomocą klawiatury, skróty klawiszowe, powiększanie za pomocą myszy i touchpada, „klikanie prawym przyciskiem” oraz zachowanie kursora.
Zalecenia i ograniczenia
- Tworzenie układów dwupanelowych
- Używanie układów siatki i kolumn
- Zastępowanie pasków nawigacji szynami i szufladami nawigacyjnymi
- Umieszczanie aktywności w starszych aplikacjach z wieloma aktywnościami
- Obsługa zaawansowanych funkcji klawiatury, myszy i touchpada
- Rozciąganie elementów interfejsu (pól tekstowych, przycisków, okien dialogowych), aby wypełnić dodatkową przestrzeń
- rozciąganie lub przycinanie obrazów;
- Ustawianie pełnej szerokości paneli lub arkuszy
Wskazówki
Aby zoptymalizować aplikacje pod kątem dużych ekranów, postępuj zgodnie z wytycznymi dotyczącymi poziomu 2.
Obsługa ekranów o różnych rozmiarach na urządzeniach wszystkich typów dzięki elastycznym układom, które zapewniają optymalną obsługę użytkownika.
Wytyczne LS-U1–LS-U4
Co
Układy aplikacji są dostosowane do wymiarów dużych ekranów. Interfejs aplikacji obejmuje:
- Najnowocześniejsze suwaki i drawery nawigacyjne
- układy siatki, które dostosowują się do zmian rozmiaru okna;
- Układy kolumn
- panele na dole, które są domyślnie otwarte na dużych ekranach;
Układy z 2 panelami wykorzystują całą powierzchnię dużego ekranu. Aplikacje z wieloma aktywnościami implementują umieszczanie aktywności, aby tworzyć układy z wieloma panelami z umieszczonymi obok siebie aktywnościami.
Docelowe elementy dotykowe są duże i dostępne. Interaktywne elementy graficzne można zaznaczać.
Dlaczego
Urządzenia z dużym ekranem obejmują różne formaty, w tym tablety, urządzenia składane i urządzenia z ChromeOS. Rozmiary wyświetlaczy są różne. Urządzenia często, a czasem głównie, są używane w orientacji poziomej.
Obsługuj zewnętrzne urządzenia wejściowe, aby zwiększyć użyteczność aplikacji i zadowolenie użytkowników.
Wytyczne LS-I3–LS-I9
Co
Aplikacja zapewnia lepszą obsługę klawiatury, myszy i trackpada. Menu opcji są dostępne po kliknięciu prawym przyciskiem myszy (drugim przyciskiem myszy lub drugim dotknięciem). Treści aplikacji można powiększać za pomocą kółka myszy i gestów na trackpadzie. Elementy interfejsu mają stany najechania kursorem.
Dlaczego
Urządzenia peryferyjne, takie jak klawiatury, myszy i touchpady, są często podłączane do urządzeń z dużym ekranem. Urządzenia z ChromeOS mają zwykle wbudowaną klawiaturę i touchpad. Użytkownicy są przyzwyczajeni do korzystania ze skrótów klawiszowych, wielu przycisków myszy, kółka myszy i gestów na gładzeniu.
Treść strony i umieszczone na niej fragmenty kodu podlegają licencjom opisanym w Licencji na treści. Java i OpenJDK są znakami towarowymi lub zastrzeżonymi znakami towarowymi należącymi do firmy Oracle lub jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2025-07-27 UTC.
[null,null,["Ostatnia aktualizacja: 2025-07-27 UTC."],[],[],null,["# Large screen optimized\n\nTIER 2 --- [Large screen app\nquality](/docs/quality-guidelines/large-screen-app-quality) guidelines that\nprepare your app for displays large and small.\n\nAPPS OPTIMIZED FOR LARGE SCREENS take advantage of the expansive displays of\nlarge screen devices to provide a productive, engaging user experience.\n\nOptimized apps are built with responsive/adaptive layouts that conform to\nportrait and landscape orientations, multi‑window mode, and folded and\nunfolded device states. Navigation rails and drawers enhance a user interface\nthat dynamically formats and positions elements such as buttons, text fields,\nand dialogs for an optimal user experience.\n\nApps optimized for large screens provide support for keyboard navigation,\nkeyboard shortcuts, and mouse and trackpad zoom, \"right‑click,\" and hover\nbehavior.\n\nDo's and don'ts\n---------------\n\ncheck_circle\n\n### Do\n\n- Create two-pane layouts\n- Use grid and column layouts\n- Replace navigation bars with navigation rails and drawers\n- Use activity embedding in legacy, multi-activity apps\n- Support advanced keyboard, mouse, and trackpad functionality \ncancel\n\n### Don't\n\n- Stretch UI elements (text fields, buttons, dialogs) to fill extra space\n- Stretch or crop images\n- Make panels or sheets full width\n\nGuidelines\n----------\n\nFollow the Tier 2 guidelines to optimize your apps for large screens. \n\n### [UX](/docs/quality-guidelines/large-screen-app-quality#t2_ux)\n\nSupport screens of all sizes on devices of all kinds with responsive/adaptive layouts that provide an optimal user experience.\n\nGuidelines [LS-U1](/docs/quality-guidelines/large-screen-app-quality#LS-U1) through [LS-U4](/docs/quality-guidelines/large-screen-app-quality#LS-U4) \n\n#### What\n\nApp layouts conform to large screen dimensions. App UI includes:\n\n- Leading-edge navigation rails and drawers\n- Grid layouts that accommodate window size changes\n- Column layouts\n- Trailing-edge panels that are open by default on large screens\n\nTwo-pane layouts take advantage of large screen space. Multi‑activity apps implement activity embedding to create multi‑pane layouts of activities side by side.\n\nTouch targets are large and reachable. Interactive drawables are focusable. \n\n#### Why\n\nLarge screen devices encompass a variety of form factors, including tablets, foldables, and ChromeOS devices. Display sizes vary. Devices are often---sometimes primarily---used in landscape orientation. \n\n#### How\n\nSee the [UX](/guide/topics/large-screens/ux) overview. \n\n### [Keyboard, mouse, and trackpad](/docs/quality-guidelines/large-screen-app-quality#t2_keyboard_mouse_trackpad)\n\nSupport external hardware input devices to increase app usability and user satisfaction.\n\nGuidelines [LS-I3](/docs/quality-guidelines/large-screen-app-quality#LS-I3) through [LS-I9](/docs/quality-guidelines/large-screen-app-quality#LS-I9) \n\n#### What\n\nApp provides enhanced support for keyboard, mouse, and trackpad input. Options menus are accessible by mouse and trackpad right‑click (secondary mouse button or secondary tap) behavior. App content can be zoomed using the mouse scroll wheel and trackpad pinch gestures. UI elements have hover states. \n\n#### Why\n\nPeripherals such as keyboards, mice, and trackpads are often connected to large screen devices. ChromeOS devices typically have a built‑in keyboard and trackpad. Users are accustomed to using keyboard shortcuts, multiple mouse buttons, mouse scroll wheel, and trackpad gestures. \n\n#### How\n\nSee the [Keyboard, mouse, and trackpad](/guide/topics/large-screens/keyboard-mouse-and-trackpad-tier-2) overview."]]
