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