Качество приложения на большом экране

Приложение заполняет доступную область отображения — весь экран или, в многооконном режиме, окно приложения. Приложение не почтовый ящик ; он не запускается в режиме совместимости .

Приложение обрабатывает изменения конфигурации и сохраняет или восстанавливает свое состояние по мере того, как устройство подвергается изменениям конфигурации, таким как поворот устройства, сворачивание и развертывание, а также изменение размера окна в режимах разделенного экрана и оконного режима рабочего стола, например:

• Положение прокрутки прокручиваемых полей сохраняется.
• Текст, введенный в текстовые поля, сохраняется, а состояние клавиатуры восстанавливается.
• Воспроизведение мультимедиа возобновляется с того места, где оно было остановлено при инициировании изменения конфигурации.

Приложение полностью функционально в многооконном режиме. См. раздел Поддержка многооконного режима .

Примечание. Приложения Unity должны иметь версию Unity Long Term Support (LTS) 2019 или новее. См. Проверка многооконного режима .

Приложение поддерживает основные взаимодействия с мышью или трекпадом:

• Клик: любой кликабельный элемент, включая кнопки, раскрывающиеся меню, поля ввода текста и значки навигации.
• Выбрать: любой выбираемый элемент, включая переключатели, флажки и текст (проведя пальцем или дважды щелкнув).
• Прокрутка: вертикально и горизонтально в прокручиваемых элементах, таких как списки и средства выбора.

Приложение обеспечивает базовую поддержку планшетов со стилусом, складных устройств и устройств ChromeOS. Стилус можно использовать для выбора элементов пользовательского интерфейса и управления ими, включая прокрутку списков, средств выбора и другого прокручиваемого содержимого.

См. раздел «Стилус» в разделе «Совместимость ввода на больших экранах» .

Примечание. Базовый ввод стилусом аналогичен сенсорному вводу, который полностью поддерживается Android. Все приложения поддерживают базовый ввод с помощью стилуса, не требующий специальной разработки.

В Android 14 (уровень API 34) и выше пользователи могут писать и редактировать текст в полях ввода текста с помощью стилуса. В ChromeOS M114 и более поздних версиях стилус можно использовать для написания и редактирования текста в полях ввода текста в компонентах WebView .

Примечание. В Android 14 и более поздних версиях компоненты EditText по умолчанию поддерживают ввод с помощью стилуса; никакой специальной разработки не требуется. В ChromeOS M114 и более поздних версиях WebView по умолчанию поддерживает ввод стилусом в текстовые поля.

Приложение имеет отзывчивый и адаптивный макет, предназначенный для больших экранов. Все макеты адаптивны (см. раздел «Миграция пользовательского интерфейса на адаптивные макеты »). Реализация адаптивных макетов определяется классами размеров окон .

Пользовательский интерфейс приложения может включать в себя следующее:

• Передовые навигационные направляющие, которые при больших размерах окон расширяются до полноценных навигационных панелей.
• Макеты сетки, которые масштабируют количество столбцов в соответствии с изменениями размера окна.
• Столбцы текста на больших экранах
• Задние панели, которые по умолчанию открыты на экранах ноутбуков и настольных компьютеров; закрыто, на маленьких экранах

При необходимости создавайте двухпанельные макеты, чтобы использовать преимущества большого пространства экрана. См. Канонические макеты .

Встраивание действий позволяет приложениям на основе действий создавать многопанельные макеты, отображая действия рядом.

Модальные окна, меню параметров и другие второстепенные элементы правильно форматируются на всех типах экрана и состояниях устройства, например:

• Нижние листы не имеют полной ширины на больших экранах. (Примените максимальную ширину, чтобы избежать растягивания.) См. «Поведение на листах: внизу» .
• Кнопки не имеют полной ширины на больших экранах. См. «Поведение кнопок» .
• Текстовые поля и поля не растягиваются на всю ширину на больших экранах. См. раздел «Поведение в текстовых полях» .
• Небольшие меню редактирования или модальные окна не охватывают весь экран и не поддерживают контекст для пользователя в максимально возможной степени. См. Меню .
• Меню параметров появляется рядом с элементом, выбранным пользователем. См. тему «Контекстное меню» в разделе «Меню» .
• Навигационные направляющие заменяют навигационные панели для лучшей эргономики. Rails также могут дополнять другие компоненты навигации, например панели навигации. См. Навигационная направляющая .
• Навигационные ящики обновлены до последней версии материального компонента. См. раздел «Навигация» .
• Диалоговые окна обновляются до последней версии компонента материала. См. Диалоги .
• Изображения отображаются с правильным разрешением, не растягиваются и не обрезаются.

Приложение поддерживает различные сценарии многозадачности, например:

• Режим «картинка в картинке». Приложение может входить и выходить из режима «картинка в картинке» в книжной и альбомной ориентации, со сложенным и развернутым устройством, а также в многооконном режиме. См . раздел Поддержка «картинка в картинке» (PiP) .
• Многооконный режим: приложение может открыть другое приложение в отдельном окне по глубокой ссылке; например, приложение для управления контактами открывает ссылку на сообщение электронной почты, которая отображается в приложении электронной почты в новом окне. См. FLAG_ACTIVITY_LAUNCH_ADJACENT .
• Вложения. Приложения для обмена сообщениями могут открывать вложения (например, видео) в отдельном окне.

Приложение поддерживает все складные положения и связанные с ними варианты использования:

• Поза стола — видеовызовы и воспроизведение видео или аудио.
• Поза книги — чтение длинного текстового контента.
• Двойной дисплей — предварительный просмотр приложений камеры на переднем и заднем экранах. Поддержка устройств с двумя экранами.

Приложение обеспечивает расширенную поддержку стилуса, в том числе:

• Низкая задержка и прогнозирование движения для улучшения отклика
• Чувствительность к давлению для рисования штрихов различной ширины.
• Обнаружение наклона для создания штрихов тени
• Отказ от ладоней и пальцев для предотвращения случайных следов

Приложение отображает настраиваемые курсоры, чтобы указать, как и когда пользователи могут взаимодействовать с элементами и содержимым пользовательского интерфейса, например:

• Системные курсоры, предоставляемые платформой Android
  • Двутавр для текста
  • Маркеры изменения размера на краях слоя изменяемого размера
  • Обработка спиннеров
• Специальные курсоры, которые вы предоставляете
  • Перекрестие при наведении на цель в играх
  • Увеличительное стекло при наведении курсора на масштабируемый контент
  • Инструменты в приложениях для рисования или иллюстрации

Измените размер окна приложения в многооконном режиме, включая режимы разделения экрана и рабочего стола. На устройствах ChromeOS сверните и восстановите окно приложения, разверните и восстановите окно приложения. Убедитесь, что приложение принимает правильную ориентацию и сохраняет состояние при всех размерах окон.

Примечание. Протестируйте устройство с большим экраном (sw >= 600dp) под управлением Android 12 (уровень API 31) или выше, чтобы убедиться, что устройство поддерживает следующее:

• Все ориентации устройства, независимо от ограничений ориентации, установленных с помощью элемента манифеста приложения android:screenOrientation
• Многооконный режим, даже для приложений, которые указали android:resizeableActivity="false" в манифесте приложения.

На каждом экране приложения, имеющем прокручиваемый контент, контент для непрерывного воспроизведения или поля для ввода текста, выполните следующие действия:

• Прокручиваемый контент: прокрутка контента
• Воспроизводимое содержимое: Начать воспроизведение
• Поля ввода текста: введите текст в несколько полей.

Поворачивайте устройство между альбомной и портретной ориентацией, складывайте и разворачивайте устройство (если применимо), растягивайте и разворачивайте приложение на двух экранах (если у вас устройство с двумя экранами) и изменяйте размер окна приложения в многооконном режиме. Свернуть и восстановить окно приложения на устройствах ChromeOS; развернуть и восстановить окно приложения. Проверьте следующее:

• Прокручиваемый контент: положение прокрутки остается прежним.
• Воспроизведение содержимого: воспроизведение возобновляется с того места, где оно было остановлено при инициировании изменения конфигурации.
• Поля ввода текста: ранее введенный текст сохраняется в полях ввода.

Откройте приложение в многооконном режиме . Проверьте, полностью ли работоспособно приложение при всех размерах окон, ориентациях устройства и состояниях складного устройства. Измените размер окна приложения в каждой ориентации. Для складных устройств сложите и разложите устройство в каждой ориентации.

Приложения Unity

Откройте приложение, отличное от Unity. Перейдите на экран «Недавние». Выберите значок приложения и переведите его в режим разделенного экрана. Откройте приложение Unity, которое должно запускаться в режиме разделенного экрана рядом или под первым приложением. Перейдите на главный экран, чтобы скрыть пару приложений. Перейдите на экран «Недавние». Выберите пару приложений с разделенным экраном, в которую входит ваше приложение Unity. Убедитесь, что приложение Unity возобновляет свою деятельность, а макет приложения в окне разделенного экрана корректен и все элементы пользовательского интерфейса доступны.

Для каждого экрана приложения подключите к устройству мышь и трекпад. Выполните основные действия с мышью и трекпадом:

• Щелкните все интерактивные элементы, такие как кнопки, раскрывающиеся меню и поля ввода текста.
• Выберите радиокнопки и флажки. Выделите текст, проведя пальцем и дважды щелкнув.
• Прокрутка по вертикали и горизонтали (если применимо) по спискам, средствам выбора и т. д.

Запускайте приложение на устройствах с экранами самых разных размеров, включая телефоны, складные телефоны, маленькие и большие планшеты и устройства ChromeOS. Запустите приложение в многооконном режиме на устройствах.

Убедитесь, что макет приложения реагирует и адаптируется к различным размерам экрана и окон. Проверьте, расширяется ли приложение и сжимается ли направляющие навигации, масштабируется ли количество столбцов в макетах сетки, распределяется ли текст по столбцам и т. д. Обратите внимание, отформатированы ли элементы пользовательского интерфейса как с точки зрения эстетики, так и с точки зрения функциональности.

Для приложений, использующих внедрение действий, проверьте, отображаются ли действия рядом на больших экранах и друг над другом на маленьких экранах.

Взаимодействуйте с приложением с помощью стилуса следующим образом:

• Во время рисования наблюдайте за задержкой между текущим положением стилуса и последним нарисованным штрихом.
• Рисуйте с разным давлением стилуса. Проверьте, меняется ли ширина штрихов при изменении давления. Большее давление должно давать более толстые штрихи.
• Наклоняйте стилус во время рисования; следует нанести штриховки. Чем больше наклонено стилус, тем шире и светлее должны быть штрихи.
• Во время рисования позволяйте пальцам и ладони касаться экрана. Прикосновения пальцев и ладоней не должны оставлять следов.

Взаимодействуйте с приложением с помощью мыши и трекпада. Убедитесь, что пользовательские курсоры отображаются там, где это необходимо, например:

• Двутавр для полей ввода текста
• Маркеры изменения размера на краях слоя изменяемого размера
• Спиннеры, когда приложение выполняет длительные задачи

Приложение заполняет доступную область отображения — весь экран или, в многооконном режиме, окно приложения. Приложение не почтовый ящик ; он не запускается в режиме совместимости .

Приложение обрабатывает изменения конфигурации и сохраняет или восстанавливает свое состояние по мере того, как устройство подвергается изменениям конфигурации, таким как поворот устройства, сворачивание и развертывание, а также изменение размера окна в режимах разделенного экрана и оконного режима рабочего стола, например:

• Позиция прокрутки прокручиваемых полей сохраняется.
• Текст, введенный в текстовые поля, сохраняется, а состояние клавиатуры восстанавливается.
• Воспроизведение мультимедиа возобновляется с того места, где оно было остановлено при инициировании изменения конфигурации.

Приложение полностью функционально в многооконном режиме. См. раздел Поддержка многооконного режима .

Примечание. Приложения Unity должны иметь версию Unity Long Term Support (LTS) 2019 или новее. См. Проверка многооконного режима .

Приложение поддерживает базовое взаимодействие с мышью или трекпадом:

• Клик: любой кликабельный элемент, включая кнопки, раскрывающиеся меню, поля ввода текста и значки навигации.
• Выбрать: любой выбираемый элемент, включая переключатели, флажки и текст (проведя пальцем или дважды щелкнув).
• Прокрутка: вертикально и горизонтально в прокручиваемых элементах, таких как списки и средства выбора.

Приложение обеспечивает базовую поддержку планшетов со стилусом, складных устройств и устройств ChromeOS. Стилус можно использовать для выбора элементов пользовательского интерфейса и управления ими, включая прокрутку списков, средств выбора и другого прокручиваемого содержимого.

См. раздел «Стилус» в разделе «Совместимость ввода на больших экранах» .

Примечание. Основной ввод стилуса такой же, как и сенсорный ввод, который полностью поддерживается Android. Все приложения поддерживают базовый ввод стилуса без особой разработки.

На Android 14 (API -уровне 34) и выше пользователи могут писать и редактировать текст в полях ввода текста, используя стилус. На Chromeos M114 и выше стилус можно использовать для написания и редактирования текста в полях ввода текста в компонентах WebView .

Примечание. На Android 14 и выше, EditText Components поддерживает ввод, используя стилус по умолчанию; Специальное развитие не требуется. На Chromeos M114 и выше WebView поддерживает ввод стилуса в текстовых полях по умолчанию.

Приложение имеет отзывчивые и адаптивные макеты, предназначенные для больших экранов. Все макеты отзывчивы (см. Перенесите свой пользовательский интерфейс в отзывчивые макеты ). Внедрение адаптивных макетов определяется классами размера окна .

Пользовательский интерфейс приложения может включать следующее:

• Навигационные рельсы ведущих ведущих, которые расширяются на больших размерах окна в полные навигационные панели
• Макет сетки, которые масштабируют количество столбцов для размещения изменений размера окна
• Столбцы текста на больших экранах
• Панели с прицеливами, которые открыты по умолчанию на размерах ноутбука и настольных экран; закрыто, на небольших экранах

Создайте двухэтажные макеты, где это необходимо, чтобы воспользоваться большим экраном. Смотрите канонические макеты .

Внедрение деятельности позволяет приложениям, основанным на деятельности, создавать многопространственные макеты путем отображения действий рядом.

Модалы, меню параметров и другие вторичные элементы правильно отформатированы на всех типах экранов и состояниях устройства, например:

• Нижние листы не имеют полной ширины на больших экранах. (Примените максимальную ширину, чтобы избежать растяжения.) См. Поведение в листах: внизу .
• Кнопки не имеют полной ширины на больших экранах. Смотрите поведение в кнопках .
• Текстовые поля и коробки не растягиваются до полной ширины на больших экранах. Смотрите поведение в текстовых полях .
• Небольшие меню редактирования или модалы не охватывают весь экран и не поддерживают контекст для пользователя максимально. Смотрите меню .
• Меню параметров появляются рядом с элементом, который выбрал пользователь. Смотрите тему «Контекстуальное меню» в меню .
• Навигационные рельсы заменяют навигационные батончики для лучшей эргономики. Rails также могут дополнить другие навигационные компоненты, такие как навигационные бары. Смотрите навигационную железную дорогу .
• Навигационные ящики обновляются до последнего материала. Смотрите навигационный ящик .
• Диалоговые окна обновляются до последнего компонента материала. Смотрите диалоги .
• Изображения отображаются в правильном разрешении и не растянуты и не обрезаны.

Приложение поддерживает различные многозадачные сценарии, например:

• Режим картинки в картине: приложение может вводить и выходить из картин в режиме картины в портретной и ландшафтной ориентации, со складываемым и развернутым устройством, а также в режиме мульти-окна. Смотрите поддержку Picture-in-картины (PIP) .
• Режим мульти-окна: приложение может открыть другое приложение в отдельном окне от глубокой ссылки; Например, приложение по управлению контактами открывает ссылку на сообщение электронной почты, которое отображается в приложении по электронной почте в новом окне. См. FLAG_ACTIVITY_LAUNCH_ADJACENT .
• Вложения: приложения для обмена сообщениями могут открывать вложения (например, видео) в отдельном окне.

Приложение поддерживает все складные позы и связанные с ними варианты использования:

• Поста в табличке - видеозвонки и видео или воспроизведение аудио.
• Позита книги - чтение длительного текстового контента.
• Двойной дисплей - предварительный просмотр переднего и заднего экрана для приложений камеры. Поддержка устройств с двумя экранами.

Приложение обеспечивает расширенную поддержку стилуса, в том числе:

• Низкая задержка и прогноз движения для улучшения отзывчивости
• Чувствительность давления для нанесения мазков различной ширины
• Обнаружение наклона для создания штриховых ударов
• Отказ от ладони и пальца, чтобы предотвратить бездомные марки

Приложение отображает индивидуальные курсоры, чтобы указать, как и когда пользователи могут взаимодействовать с элементами пользовательского интерфейса и контента, например:

• Системные курсоры, предоставленные Android Framework
  • I-beam для текста
  • Изменить размер ручки на сброшенных краях слоя
  • Обработка спиннеров
• Специальные курсоры, которые вы предоставляете
  • Перекрестие при парке над целями в играх
  • Увеличительное стекло при падении над увеличиваемым содержанием
  • Инструменты в приложениях для рисования или иллюстрации

Измените размер окна приложения в режиме с несколькими Window, включая режимы с разделенным экраном и окончания рабочего стола. На устройствах Chromeos минимизируйте и восстановите окно приложения, максимизируйте и восстановите окно приложения. Убедитесь, что приложение предполагает надлежащую ориентацию и поддерживает состояние во всех размерах окна.

ПРИМЕЧАНИЕ. Проверьте на большом устройстве экрана (SW> = 600DP) под управлением Android 12 (API -уровень 31) или выше, чтобы убедиться, что устройство поддерживает следующее:

• Все ориентации устройства независимо от ограничений ориентации, установленных с элементом Manifest App App android:screenOrientation
• Режим мульти-окна, даже для приложений, в которых указано android:resizeableActivity="false" в манифесте приложения

На каждом экране приложения, который имеет прокручиваемый контент, непрерывное содержание воспроизведения или поля ввода текста, сделайте следующее:

• Прокручиваемый контент: прокрутите контент
• Содержание воспроизведения: начало воспроизведения
• Поля ввода текста: введите текст в несколько полей

Поверните устройство между ландшафтом и ориентациями на портретов, сложите и разверните устройство (если применимо), простирайте и не подходят для вашего приложения на двух экранах (если у вас есть устройство с двойным экраном) и измените размер окна приложения в режиме с несколькими окнами. Минимизировать и восстановить окно приложения на устройствах Chromeos; Максимизируйте и восстановите окно приложения. Проверьте следующее:

• Прокручиваемый контент: положение прокрутки остается прежней
• Контент воспроизведения: воспроизведение резюме, где он остановился, когда изменение конфигурации было начато
• Поля ввода текста: ранее введенный текст сохраняется в полях ввода

Откройте приложение в режиме с несколькими окнами . Проверьте, является ли приложение полностью функциональным во всех размерах окна, ориентациях устройства и складных состояниях устройства. Измените размер окна приложения в каждой ориентации. Для складных устройств сложите и разверните устройство в каждой ориентации.

Приложения единства

Откройте приложение, кроме вашего приложения Unity. Перейдите на экран Recesr. Выберите значок приложения и поместите приложение в режим разделенного экрана. Откройте приложение Unity, которое должно запустить в режиме разделенного экрана рядом с первым приложением или ниже. Перейдите на домашний экран, чтобы скрыть пару приложений. Перейдите на экран Recesr. Выберите пару приложений для разделенного экрана, которая включает в себя приложение Unity. Убедитесь, что приложение Unity возобновляет свою активность, и макет приложения в окне разделенного экрана является правильным со всеми доступными элементами пользовательского интерфейса.

Для каждого экрана приложения подключите мышь и трекпад к устройству. Выполните базовые взаимодействия мыши и трекпад:

• Нажмите на все кликабельные элементы, такие как кнопки, меню «Drop -Down» и поля ввода текста.
• Выберите радиопроизводительные кнопки и флажки. Выберите текст, проводя и дважды щелкнув.
• Прокрутите вертикально и горизонтально (если применимо) через списки, сборщики и т. Д.

Запустите приложение на устройствах с широким спектром размеров экрана, включая телефоны, складные телефоны, небольшие и большие планшеты и устройства Chromeos. Запустите приложение в режиме с несколькими окнами на устройствах.

Убедитесь, что макет приложения отвечает и адаптируется к разным размерам экрана и окна. Проверьте, расширяет ли приложение и контракты навигационные рельсы, масштабирует количество столбцов в макетах сетки, течет текст в столбцы и т. Д. Обратите внимание, отформатированы ли элементы пользовательского интерфейса как для эстетики, так и для функции.

Для приложений, использующих встраивание активности, проверьте, отображаются ли действия на больших экранах, сложенные на небольших экранах.

Взаимодействуйте с приложением, используя стилус следующим образом:

• Когда вы нарисуете, наблюдайте за задержкой между текущей позицией стилуса и последним визуализированным ходом.
• Нарисуйте с различным количеством давления в стилусе. Проверьте, изменяется ли ширина ударов при изменении давления. Больше давления должно привести к более толстым ударам.
• Наклоните стилус, когда вы рисуете; Затененные удары должны быть произведены. Чем больше стилус наклонен, тем шире и легче быть затенения.
• Позвольте пальцам и ладони коснуться экрана, когда вы рисуете. Крыски пальца и ладонь не должны производить оценки.

Взаимодействуйте с приложением, используя мышь и трекпад. Убедитесь, что пользовательские курсоры появляются там, где это необходимо, например:

• I-Beam для поля ввода текста
• Изменить размер ручки на сброшенных краях слоя
• Спиннеры, когда приложение выполняет длительные задачи