Устройства Android представлены в различных форм-факторах: телефоны, планшеты, складные устройства и устройства на базе ChromeOS, — которые имеют широкий диапазон размеров экрана. Android поддерживает множество режимов отображения, включая многооконный режим, многоэкранный режим, режим свободной формы и режим «картинка в картинке». Складные устройства могут находиться в различных положениях, например, в виде стола или книги.
Приступая к проектированию приложения, продумайте различные варианты его использования. Например:
Устройства с большим экраном предоставляют пользователям больше возможностей для взаимодействия с контентом вашего медиаприложения различными способами.
Пользователи могут выполнять несколько задач одновременно, просматривая видео в многооконном режиме, или воспользоваться большим экраном для применения более сложных правок после захвата изображения.
Пользователи могут использовать планшет, чтобы оставаться на связи во время видеозвонков и видеть своих друзей и семью в подробностях. Ваше приложение может отображать более подробную информацию о заголовке или сцене в настраиваемом оверлее воспроизведения или предлагать больше возможностей управления на экране.
Карусели в режиме просмотра могут быть более разнообразными для большей визуальной привлекательности, или ваше медиа-приложение может удерживать внимание пользователей, предлагая просматриваемую ленту одновременно с воспроизведением.
Имейте в виду, что ваше медиаприложение использует один и тот же код, работающий на стандартном телефоне, складном устройстве, планшете и устройствах ChromeOS, поэтому вам следует проектировать приложение для больших экранов с самого начала разработки. Дополнительную информацию и наглядные примеры см. в галерее приложений для больших экранов .
Сделайте свое медиаприложение адаптивным по умолчанию
Избегайте проблем с взаимодействием с пользователем в вашем медиа-приложении, сделав макет приложения адаптивным для телефонов, планшетов, складных устройств и устройств ChromeOS.
Ваше приложение должно быть адаптивным к различным размерам, ориентациям и форм-факторам дисплеев. Адаптивный макет изменяется в зависимости от доступного ему пространства на дисплее. Подробнее см. в разделе Поддержка различных размеров дисплеев .
Проектирование в соответствии с рекомендациями
Качество базового приложения — основа всех приложений для Android, независимо от размера экрана, положения устройства и других особенностей устройства. Прежде чем приступать к разработке приложения для большого экрана, убедитесь, что оно соответствует этим базовым требованиям. Подробнее см. в разделе «Качество базового приложения» .
Ваше приложение должно обеспечивать превосходный пользовательский опыт независимо от форм-фактора устройства, размера экрана, режима отображения или положения, поэтому проектируйте свое приложение в соответствии со следующими рекомендациями уровней 1, 2 и 3.
В рекомендациях определен полный набор требований к качеству для большинства типов приложений Android.
Уровень 3:
На этом базовом уровне ваше приложение по-прежнему должно соответствовать требованиям к пользовательскому интерфейсу и графике . Ваше приложение готово к использованию на больших экранах, и пользователи могут выполнять критически важные задачи, но с не самым оптимальным пользовательским интерфейсом.
Возможно, дизайн приложения не идеален, но оно работает в полноэкранном режиме или в полноэкранном режиме в многооконном режиме. В нём нет формата Letterbox и режима совместимости. Приложение обеспечивает базовую поддержку внешних устройств ввода, включая клавиатуру, мышь и трекпад. Подробнее см. в разделе «Поддержка больших экранов» .
Уровень 2:
Здесь ваше приложение реализует оптимизацию макета для всех размеров экрана и конфигураций устройств, а также расширенную поддержку внешних устройств ввода. Подробнее см. в разделе «Оптимизация для больших экранов» .
Уровень 1:
Это лучший уровень поддержки, который обеспечивает пользователю наилучшие возможности использования вашего приложения, поскольку он включает премиум-функции и возможности.
Где применимо, приложение поддерживает многозадачность, режимы сгиба, перетаскивание и ввод стилусом. На этом уровне приложения сильно различаются, поэтому внимательно изучите рекомендации по таким аспектам, как многозадачность и режимы сгиба. Подробнее см. в разделе «Дифференциация для больших экранов» .
Оптимизированные макеты
Воспользуйтесь преимуществами увеличенного пространства больших экранов без эффекта «почтового ящика» (из-за ограничений ориентации) или растягивания. Оптимизируя макет приложения для медиа и социальных сетей, вы расширяете охват и улучшаете пользовательский опыт на всех устройствах с большим экраном — планшетах, складных устройствах и устройствах ChromeOS, — а также поддерживает все размеры телефонов.
Компоненты навигационной панели и выдвижной панели обеспечивают удобную навигацию для удобства и контроля пользовательского интерфейса. Эти компоненты также дополняют канонические макеты (список-подробности, лента и вспомогательная панель), размещая основные навигационные элементы в непосредственной близости, занимая при этом минимум места на экране.
Медиа-макеты
Сделайте ваше приложение более удобным в использовании, реализовав макеты, ориентированные на медиа, для панели списка, ленты и вспомогательной панели. Подробнее о макетах MDX, Flutter и Compose см. в разделе «Ресурсы по макетам» .
Список-подробный: Разработка приложения с использованием интерактивного медиабраузера позволяет пользователям просматривать различные медиафайлы во время просмотра или прослушивания. Названия медиафайлов отображаются рядом с воспроизводимым видео- или аудиофайлом. При изменении ориентации устройства макет списка-подробного реагирует на изменение состояния приложения, сохраняя его. Подробнее см. в разделе Макеты списка-подробного .
Лента: Макет ленты упорядочивает эквивалентные элементы контента в настраиваемой сетке для быстрого и удобного просмотра большого количества контента, например, музыкальной ленты или киоска с фильмами и сериалами в вашем приложении. Подробнее см. в разделе Макеты ленты .
Вспомогательная панель: благодаря основным и дополнительным областям отображения ваше приложение может встроить вспомогательную панель для отображения контекста, релевантности или справки, например, прокручиваемого списка похожих произведений, опубликованных рецензий или дополнительных работ тех же художников или актёров. Подробнее см. в разделе «Вспомогательные макеты панелей» .
Для тщательно подобранной коллекции макетов медиа посетите Галерею медиа .
Макеты для социальных сетей
Большие экраны предоставляют пользователям социальных сетей больше рабочего пространства для творчества, многозадачности, перетаскивания контента между приложениями и его публикации. Благодаря уникальным функциям и возможностям, недоступным на устройствах с маленьким экраном, ваше медиаприложение для больших экранов может использовать преимущества списков, лент и дополнительных макетов панелей.
Подробный список: идеально подходит для приложений обмена сообщениями, менеджеров контактов и файловых браузеров. Например, ваше приложение может отображать список разговоров рядом с подробной информацией, чтобы быть в курсе последних сообщений. Подробнее см. в разделе Макеты «Подробный список» .
Лента: Распространенными компонентами этого стиля макета являются карточки и списки. Например, создайте коллаж из публикаций в формате гибкой сетки или используйте размер и положение, чтобы привлечь внимание к наиболее заметным публикациям. Пользователи могут быстро просматривать большие группы контента. Подробнее см. в разделе Макеты лент .
Поддержка панели: приложения поиска и справки, а также офисные приложения могут выиграть от такого стиля макета. Он позволяет пользователю легко настраивать инструменты для создания контента. Например, ваше приложение может позволить пользователям настраивать параметры, получать доступ к цветовым палитрам, применять эффекты и мгновенно видеть изменения. Подробнее см. в разделе Поддержка макетов панелей .
Для тщательно подобранной коллекции макетов социальных сетей посетите страницу Галерея социальных сетей .
Лучшие практики для приложений мультимедиа для больших экранов
Использование передовых практик для больших экранов поможет вам избежать ненужной переделки приложения. Кроме того, они с самого начала сделают ваше приложение более удобным для использования на большем количестве устройств, особенно в плане ориентации, сочетаний клавиш, поддержки предварительного просмотра с камеры и поз для складывания.
Ориентация и изменение размера
Если ваше медиаприложение устанавливает ограничения на ориентацию и изменение размера, Android активирует режим совместимости. Хотя режим совместимости обеспечивает корректную работу приложения, удобство использования значительно снижается, а пользовательский опыт страдает.
Например, если ваше приложение работает на планшете, оно закрепляется в альбомной ориентации. Если же ваше приложение ограничено портретной ориентацией, это приводит к эффекту «почтового ящика», что нежелательно для конечного пользователя. Ваше приложение должно позволять пользователям выбирать предпочтительную ориентацию, поэтому воспользуйтесь преимуществами большого экрана в дизайне.
Любые ограничения ориентации ограничивают возможности пользователей взаимодействовать с контентом или использовать медиаконтент, что ограничивает возможности использования вашего приложения. Изменение ориентации может в некоторой степени повлиять на размер, но изменение размера не обязательно повлияет на ориентацию.
Сочетания клавиш
На большом экране чаще используются сочетания клавиш физической клавиатуры, такие как «старт», «стоп», «пауза», «перемотка назад» и «вперед», что делает работу пользователя с клавиатурой единообразной.
Пользователи ожидают увидеть эти функции в своих медиаприложениях. Чтобы снизить нагрузку на пользователей, попробуйте протестировать приложение с физической клавиатурой. Это поможет вам заметить и включить эти важные сочетания клавиш в приложение с самого начала разработки.
Поддержка предварительного просмотра камеры
На больших экранах могут возникнуть проблемы с растяжением, кадрированием и поворотом. Поэтому нельзя предполагать, что размер предварительного просмотра камеры соответствует фактическому размеру интерфейса вашего медиаприложения.
Например, если пользователь делает снимок на планшете, но на экране планшета изображение отображается перевёрнутым, это неоптимальный опыт. Добавьте поддержку предварительного просмотра с камеры для больших экранов.
Для получения более подробной информации см. Предварительный просмотр CameraX или Предварительный просмотр Camera2 .
Складные позы
При проектировании вашего медиаприложения для больших экранов необходимо учитывать складные положения. Например, ваше приложение может предоставить пользователю настольную конфигурацию для воспроизведения медиафайлов или использовать задний дисплей и режим двух экранов для предварительного просмотра и записи.
Включив в план разработки функции складывания поз, вы сделаете приложение доступным для большего количества устройств и окажет более широкое влияние. Вы расширите возможности взаимодействия с медиа для пользователя, чего невозможно добиться на других устройствах без поддержки складывания поз. Подробнее см. в разделе «Складывающиеся поз» .