Устройства 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 и составлении макетов см. Ресурсы макета .
Detail List: проектирование вашего приложения с помощью интерактивного медиа-браузера позволяет пользователям просматривать различные носители во время просмотра или прослушивания. Названия медиа отображаются рядом с воспроизводным видео или аудиофайлом. Если ориентация на устройство изменяется, макет списка-вытекания отвечает на сохранение состояния приложения. Чтобы узнать больше, см. Список-Detail Mayouts .
Подача: макет подачи размещает эквивалентные элементы содержания в настраиваемой сетке для быстрого и удобного просмотра большого количества контента, такого как музыкальный корм или киоск для кино и телевизионного телевидения в вашем приложении. Для получения дополнительной информации см. Макет подачи .
Поддерживающая панель: с первичными и вторичными областями отображения, ваше приложение может внедрить вспомогательную панель для контекста, актуальности или ссылки, таких как список аналогичных названий, опубликованных обзоров или дополнительных работ тем же художниками или участниками. Для получения дополнительной информации см. Вспомогательные макеты панели .
Для кураторской коллекции макетов медиа см. Media Gallery .
Макет социальных сетей
Большие экраны дают пользователям социальных сетей больше рабочего пространства для создания, многозадачности, перетаскивания контента между приложениями и обмена им. Благодаря отличительным функциям и возможностям, невозможным на небольших экранных устройствах, ваше приложение с большим экраном медиа может воспользоваться преимуществами списка, подачи и поддержки макетов панели.
Detail List: это идеально подходит для приложений для обмена сообщениями, контактных менеджеров или файловых браузеров. Например, ваше приложение может отображать список разговоров рядом с подробностями, чтобы оставаться текущими в последних сообщениях. Для получения дополнительной информации см. Макету List-Detail .
Корм: Общие компоненты в этом стиле макета - карты и списки. Например, создайте коллаж постов в гибком формате сетки или используйте размер и положение, чтобы привлечь внимание к выдающимся сообщениям. Пользователи могут быстро просматривать большие группы контента. Для получения дополнительной информации см. Макет подачи .
Поддерживающая панель: Поиск и справочные приложения или приложение для производительности могут извлечь выгоду из этого стиля макета. Он держит инструменты создания контента под рукой для пользователя. Например, ваше приложение может позволить пользователям настраивать настройки, доступ к цветовым палитре, применять эффекты и мгновенно видеть изменения. Для получения дополнительной информации см. Вспомогательные макеты панели .
Для кураторской коллекции макетов социальных сетей см. Страницу галереи социальных сетей .
Лучшие практики для больших приложений для медиа -приложений
Использование лучших практик для больших экранов помогает вам избежать ненужной переработки вашего приложения. Они также делают ваше приложение более удобным для пользователя для большего количества устройств с самого начала, особенно в отношении ориентации, сочетания клавиш, поддержки предварительного просмотра камеры и складываемых позов.
Ориентация и изменение размера
Если ваше приложение для медиа объявляет ограничения ориентации и изменение размера, Android активирует режим совместимости. Хотя режим совместимости гарантирует, что ваше приложение ведет себя приемлемо, удобство использования значительно снижается, и пользовательский опыт страдает.
Например, если ваше приложение находится на планшете, планшет доки в ландшафтной ориентации. Если ваше приложение ограничено портретом, это вызывает буквы, что не идеально для конечного пользователя. Ваше приложение должно позволить людям использовать свою предпочтительную ориентацию, поэтому воспользуйтесь доступным размером большого экрана в вашем дизайне.
Любые ограничения на ориентацию снижают способ взаимодействия пользователей с контентом или потреблять носитель, что ограничивает использование вашего приложения. Изменение ориентации может повлиять на размеры в некоторой степени, но изменение размера не обязательно изменит ориентацию.
Комплект клавиш
На более крупном экране сочетания клавиатуры на физических клавиатурах, такие как Start, Stop, Sobue, Rewind и Starting, с большей вероятностью будут использоваться, что делает пользовательский опыт постоянного пользовательского опыта с клавиатурой.
Пользователи ожидают эти функции в своих медиа -приложениях. Чтобы уменьшить точки трения для пользователей, рассмотрите возможность тестирования вашего приложения с помощью физической клавиатуры. Это поможет вам заметить и включить эти важные ярлыки в ваше приложение в начале вашего дизайна.
Поддержка предварительной камеры
С большими экранами у вас может быть больше проблем с растяжением, обрезкой и вращением. Таким образом, вы не можете предположить, что размер предварительного просмотра камеры - это то, что на самом деле отображается пользовательский интерфейс в вашем медиа -приложении.
Например, если пользователь делает снимок со своим планшетом, но на экране их планшета он воспроизводит ног на голову, это неоптимальный опыт. Включите поддержку предварительного просмотра камеры для больших экранов.
Для получения дополнительной информации см. Предварительный просмотр Camerax или предварительный просмотр Camera2 .
Складные позы
Проектирование вашего приложения для медиа для больших экранов включает складные позы. Например, ваше приложение может позволить пользователю иметь настройку на табличку для воспроизведения носителя или использовать задний дисплей и режим двухэкранного экрана для предварительного просмотра и захвата.
Благодаря складным позам, включенным в ваш план разработки, ваше приложение доступно для большего количества устройств и оказывает более широкое влияние. Вы увеличиваете опыт работы с пользователем в способах, как и другие устройства не могут обойтись без складных позов. Для получения дополнительной информации см. Складные позы .