Оптимизирован большой экран
Оптимизируйте свои подборки
Сохраняйте и классифицируйте контент в соответствии со своими настройками.
УРОВЕНЬ 2. Рекомендации по обеспечению качества приложений для больших экранов , которые подготавливают ваше приложение для работы на больших и маленьких дисплеях.
ПРИЛОЖЕНИЯ, ОПТИМИЗИРОВАННЫЕ ДЛЯ БОЛЬШИХ ЭКРАНОВ, используют преимущества обширных дисплеев устройств с большим экраном, чтобы обеспечить продуктивный и привлекательный пользовательский опыт.
Оптимизированные приложения создаются с использованием адаптивных макетов, которые соответствуют книжной и альбомной ориентации, многооконному режиму, а также сложенным и развернутым состояниям устройства. Навигационные направляющие и ящики улучшают пользовательский интерфейс, который динамически форматирует и позиционирует такие элементы, как кнопки, текстовые поля и диалоговые окна, для оптимального взаимодействия с пользователем.
Приложения, оптимизированные для больших экранов, обеспечивают поддержку навигации с помощью клавиатуры, сочетаний клавиш, масштабирования с помощью мыши и трекпада, щелчка правой кнопкой мыши и наведения курсора.
Что можно и чего нельзя делать
- Создание двухпанельных макетов
- Используйте макеты сетки и столбцов
- Замените навигационные панели навигационными направляющими и ящиками.
- Используйте встраивание действий в устаревшие приложения с несколькими действиями.
- Поддержка расширенных функций клавиатуры, мыши и трекпада.
- Растягивайте элементы пользовательского интерфейса (текстовые поля, кнопки, диалоговые окна), чтобы заполнить дополнительное пространство.
- Растянуть или обрезать изображения
- Делайте панели или листы на всю ширину
Рекомендации
Следуйте рекомендациям уровня 2, чтобы оптимизировать свои приложения для больших экранов.
Поддержка экранов всех размеров на устройствах всех типов с адаптивными макетами, обеспечивающими оптимальное взаимодействие с пользователем.
Рекомендации от LS-U1 до LS-U4
Что
Макеты приложений соответствуют большим размерам экрана. Пользовательский интерфейс приложения включает в себя:
- Передовые навигационные направляющие и ящики
- Макеты сетки, учитывающие изменения размера окна.
- Макеты столбцов
- Панели по заднему краю, открытые по умолчанию на больших экранах.
Двухпанельные макеты позволяют использовать большое пространство экрана. Приложения с несколькими действиями реализуют встраивание действий для создания многопанельных макетов действий рядом.
Сенсорные цели большие и достижимые. Интерактивные рисунки можно фокусировать.
Почему
Устройства с большим экраном представлены в различных форм-факторах, включая планшеты, складные устройства и устройства ChromeOS. Размеры дисплея различаются. Устройства часто — иногда преимущественно — используются в альбомной ориентации.
Поддержка внешних аппаратных устройств ввода для повышения удобства использования приложений и удовлетворенности пользователей.
Рекомендации LS-I3 – LS-I9
Что
Приложение обеспечивает расширенную поддержку ввода с клавиатуры, мыши и трекпада. Меню параметров доступны с помощью щелчка правой кнопкой мыши и трекпада (дополнительная кнопка мыши или вторичное касание). Содержимое приложения можно масштабировать с помощью колеса прокрутки мыши и жестов сжатия трекпада. Элементы пользовательского интерфейса имеют состояния при наведении.
Почему
Периферийные устройства, такие как клавиатуры, мыши и трекпады, часто подключаются к устройствам с большим экраном. Устройства ChromeOS обычно имеют встроенную клавиатуру и трекпад. Пользователи привыкли использовать сочетания клавиш, несколько кнопок мыши, колесо прокрутки мыши и жесты трекпада.
Контент и образцы кода на этой странице предоставлены по лицензиям. Java и OpenJDK – это зарегистрированные товарные знаки корпорации Oracle и ее аффилированных лиц.
Последнее обновление: 2025-07-29 UTC.
[[["Прост для понимания","easyToUnderstand","thumb-up"],["Помог мне решить мою проблему","solvedMyProblem","thumb-up"],["Другое","otherUp","thumb-up"]],[["Отсутствует нужная мне информация","missingTheInformationINeed","thumb-down"],["Слишком сложен/слишком много шагов","tooComplicatedTooManySteps","thumb-down"],["Устарел","outOfDate","thumb-down"],["Проблема с переводом текста","translationIssue","thumb-down"],["Проблемы образцов/кода","samplesCodeIssue","thumb-down"],["Другое","otherDown","thumb-down"]],["Последнее обновление: 2025-07-29 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."]]
