Экран телевизора обычно рассматривается с расстояния около 3 метров, и хотя он намного больше, чем большинство других дисплеев устройств на базе Android, экран телевизора не обеспечивает такой же уровень детализации и цветопередачи, как экран меньшего устройства. Эти факторы требуют от вас создания макетов приложений с учетом особенностей телевизионных устройств, чтобы обеспечить удобный и приятный пользовательский опыт в гостиной.
Основные принципы планировки
Для обеспечения удобства и эффективности работы на больших экранах, макеты для телевизионных устройств должны соответствовать нескольким основным рекомендациям. Следуйте этим советам, чтобы создать макеты, оптимизированные для телевизионных экранов:
- Создавайте макеты с альбомной ориентацией. Экраны телевизоров всегда отображаются в альбомном режиме.
- Разместите элементы управления экранной навигацией слева или справа от экрана, а вертикальное пространство оставьте для контента.
- Используйте адаптивный и относительный подход к масштабированию (например, единицы
dpиsp), чтобы пользовательский интерфейс корректно масштабировался на экранах с разным разрешением. - Добавьте достаточные поля и отступы между элементами управления макетом, чтобы избежать перегруженного пользовательского интерфейса.
Пересканирование
Макеты для телевизоров предъявляют ряд уникальных требований из-за эволюции телевизионных стандартов, направленных на отображение изображения на весь экран. По этой причине телевизионные устройства могут обрезать внешний край макета приложения, чтобы обеспечить заполнение всего экрана. Такое поведение обычно называется пересканированием (overscan ).
Размещайте элементы экрана, которые должны быть постоянно видны пользователю, в пределах безопасной зоны пересканирования. Добавление 5%-ного поля (48 dp) с левого и правого краев и 27 dp с верхнего и нижнего краев к макету помогает гарантировать, что элементы экрана в макете находятся в пределах безопасной зоны пересканирования.
Не следует изменять фоновые элементы экрана, с которыми пользователь не взаимодействует напрямую, и не следует обрезать эти элементы в пределах области, защищенной от пересканирования. Такой подход помогает гарантировать корректное отображение фоновых элементов на всех экранах.
Создайте удобный текст и элементы управления.
Следуйте этим советам, чтобы текст и элементы управления в приложении на вашем телевизоре было легче видеть на расстоянии:
- Разбейте текст на небольшие фрагменты, которые пользователи смогут быстро просмотреть.
- Используйте светлый текст на темном фоне. Такой стиль легче читается на телевизоре.
- Избегайте тонких шрифтов или шрифтов с очень узкими и очень широкими штрихами. Используйте шрифты без засечек и сглаживание для повышения читаемости.
- Сделайте все виджеты достаточно большими, чтобы они были хорошо видны человеку, сидящему на расстоянии 3 метров от экрана. Используйте независимые от плотности пиксельные единицы (
dp) вместо абсолютных пиксельных единиц, а также масштабируемые пиксельные единицы (sp) для типографики.
Для получения дополнительной информации о пикселях, не зависящих от плотности, и о компоновке зданий для размещения экранов больших размеров, см. Обзор совместимости экранов .
Управление ресурсами макета для телевизора
Как и все другие устройства Android, телевизоры имеют разные размеры экрана и поддерживают разные разрешения, включая 720p, 1080p и 4K. Убедитесь, что ваше приложение поддерживает разные размеры экрана .
Для экранов разных размеров и разрешений требуется разная плотность пикселей. Чтобы сохранить внешний вид пользовательского интерфейса при разных размерах экрана, разрешениях и плотности пикселей, задайте параметры интерфейса, используя пиксели, не зависящие от плотности ( dp ). Плотность пикселей экрана для различных разрешений телевизионных панелей приведена в следующей таблице:
| Разрешение панели | Плотность пикселей экрана |
|---|---|
| 720p | tvdpi |
| 1080p | xhdpi |
| 4K | xxxhdpi |
Дополнительную информацию см. в разделах «Поддержка различных плотностей пикселей» и « Обзор совместимости экранов» .
Следует избегать определенных схем компоновки.
Существует несколько подходов к созданию макетов, которые плохо работают на телевизорах. При разработке макета для телевизора следует избегать следующих шаблонов пользовательского интерфейса:
- Повторное использование макетов телефонов или планшетов : Не используйте макеты приложений для телефонов или планшетов без изменений. Макеты, созданные для других форм-факторов устройств на базе Android, плохо подходят для телевизоров и должны быть упрощены для работы на телевизоре.
- Использование панелей действий или меню телефона : Верхние панели действий и выпадающие меню не подходят для интерфейса телевизора из-за сложности навигации по таким меню с помощью пульта дистанционного управления.
- Использование навигации только с помощью свайпов : Перемещение между экранами с помощью свайпов или жестов может отлично работать на телефоне или планшете, но не стоит пытаться использовать жесты только свайпом на телевизоре, где пользователи полагаются на пульт дистанционного управления с D-pad.
Для получения дополнительной информации о разработке макетов, подходящих для телевидения, см. раздел «Разработка макетов для телевидения» .
Обработка больших растровых изображений
У телевизионных устройств ограниченный объем памяти. Если в макете вашего приложения используются изображения очень высокого разрешения, это может быстро привести к исчерпанию памяти и ошибкам нехватки памяти. Используйте эффективные библиотеки для загрузки и декодирования изображений (например, Coil или Glide ) для получения, декодирования и отображения растровых изображений в вашем приложении.
Для получения более подробной информации о том, как добиться оптимальной производительности при работе с растровыми изображениями, обратитесь к рекомендациям по настройке графики в Android .
Обеспечьте эффективную рекламу
Для гостиной мы рекомендуем использовать видеорекламу в полноэкранном режиме, которую можно закрыть через 30 секунд. Функциональность рекламы на Android TV, такая как кнопки закрытия и переходы по ссылкам, должна быть доступна с помощью D-pad, а не сенсорного экрана.
Android TV не предоставляет веб-браузер. Ваши рекламные объявления не должны пытаться запускать веб-браузер или перенаправлять на контент Google Play Store, не одобренный для устройств Android TV.
,Экран телевизора обычно рассматривается с расстояния около 3 метров, и хотя он намного больше, чем большинство других дисплеев устройств на базе Android, экран телевизора не обеспечивает такой же уровень детализации и цветопередачи, как экран меньшего устройства. Эти факторы требуют от вас создания макетов приложений с учетом особенностей телевизионных устройств, чтобы обеспечить удобный и приятный пользовательский опыт в гостиной.
Основные принципы планировки
Для обеспечения удобства и эффективности работы на больших экранах, макеты для телевизионных устройств должны соответствовать нескольким основным рекомендациям. Следуйте этим советам, чтобы создать макеты, оптимизированные для телевизионных экранов:
- Создавайте макеты с альбомной ориентацией. Экраны телевизоров всегда отображаются в альбомном режиме.
- Разместите элементы управления экранной навигацией слева или справа от экрана, а вертикальное пространство оставьте для контента.
- Используйте адаптивный и относительный подход к масштабированию (например, единицы
dpиsp), чтобы пользовательский интерфейс корректно масштабировался на экранах с разным разрешением. - Добавьте достаточные поля и отступы между элементами управления макетом, чтобы избежать перегруженного пользовательского интерфейса.
Пересканирование
Макеты для телевизоров предъявляют ряд уникальных требований из-за эволюции телевизионных стандартов, направленных на отображение изображения на весь экран. По этой причине телевизионные устройства могут обрезать внешний край макета приложения, чтобы обеспечить заполнение всего экрана. Такое поведение обычно называется пересканированием (overscan ).
Размещайте элементы экрана, которые должны быть постоянно видны пользователю, в пределах безопасной зоны пересканирования. Добавление 5%-ного поля (48 dp) с левого и правого краев и 27 dp с верхнего и нижнего краев к макету помогает гарантировать, что элементы экрана в макете находятся в пределах безопасной зоны пересканирования.
Не следует изменять фоновые элементы экрана, с которыми пользователь не взаимодействует напрямую, и не следует обрезать эти элементы в пределах области, защищенной от пересканирования. Такой подход помогает гарантировать корректное отображение фоновых элементов на всех экранах.
Создайте удобный текст и элементы управления.
Следуйте этим советам, чтобы текст и элементы управления в приложении на вашем телевизоре было легче видеть на расстоянии:
- Разбейте текст на небольшие фрагменты, которые пользователи смогут быстро просмотреть.
- Используйте светлый текст на темном фоне. Такой стиль легче читается на телевизоре.
- Избегайте тонких шрифтов или шрифтов с очень узкими и очень широкими штрихами. Используйте шрифты без засечек и сглаживание для повышения читаемости.
- Сделайте все виджеты достаточно большими, чтобы они были хорошо видны человеку, сидящему на расстоянии 3 метров от экрана. Используйте независимые от плотности пиксельные единицы (
dp) вместо абсолютных пиксельных единиц, а также масштабируемые пиксельные единицы (sp) для типографики.
Для получения дополнительной информации о пикселях, не зависящих от плотности, и о компоновке зданий для размещения экранов больших размеров, см. Обзор совместимости экранов .
Управление ресурсами макета для телевизора
Как и все другие устройства Android, телевизоры имеют разные размеры экрана и поддерживают разные разрешения, включая 720p, 1080p и 4K. Убедитесь, что ваше приложение поддерживает разные размеры экрана .
Для экранов разных размеров и разрешений требуется разная плотность пикселей. Чтобы сохранить внешний вид пользовательского интерфейса при разных размерах экрана, разрешениях и плотности пикселей, задайте параметры интерфейса, используя пиксели, не зависящие от плотности ( dp ). Плотность пикселей экрана для различных разрешений телевизионных панелей приведена в следующей таблице:
| Разрешение панели | Плотность пикселей экрана |
|---|---|
| 720p | tvdpi |
| 1080p | xhdpi |
| 4K | xxxhdpi |
Дополнительную информацию см. в разделах «Поддержка различных плотностей пикселей» и « Обзор совместимости экранов» .
Следует избегать определенных схем компоновки.
Существует несколько подходов к созданию макетов, которые плохо работают на телевизорах. При разработке макета для телевизора следует избегать следующих шаблонов пользовательского интерфейса:
- Повторное использование макетов телефонов или планшетов : Не используйте макеты приложений для телефонов или планшетов без изменений. Макеты, созданные для других форм-факторов устройств на базе Android, плохо подходят для телевизоров и должны быть упрощены для работы на телевизоре.
- Использование панелей действий или меню телефона : Верхние панели действий и выпадающие меню не подходят для интерфейса телевизора из-за сложности навигации по таким меню с помощью пульта дистанционного управления.
- Использование навигации только с помощью свайпов : Перемещение между экранами с помощью свайпов или жестов может отлично работать на телефоне или планшете, но не стоит пытаться использовать жесты только свайпом на телевизоре, где пользователи полагаются на пульт дистанционного управления с D-pad.
Для получения дополнительной информации о разработке макетов, подходящих для телевидения, см. раздел «Разработка макетов для телевидения» .
Обработка больших растровых изображений
У телевизионных устройств ограниченный объем памяти. Если в макете вашего приложения используются изображения очень высокого разрешения, это может быстро привести к исчерпанию памяти и ошибкам нехватки памяти. Используйте эффективные библиотеки для загрузки и декодирования изображений (например, Coil или Glide ) для получения, декодирования и отображения растровых изображений в вашем приложении.
Для получения более подробной информации о том, как добиться оптимальной производительности при работе с растровыми изображениями, обратитесь к рекомендациям по настройке графики в Android .
Обеспечьте эффективную рекламу
Для гостиной мы рекомендуем использовать видеорекламу в полноэкранном режиме, которую можно закрыть через 30 секунд. Функциональность рекламы на Android TV, такая как кнопки закрытия и переходы по ссылкам, должна быть доступна с помощью D-pad, а не сенсорного экрана.
Android TV не предоставляет веб-браузер. Ваши рекламные объявления не должны пытаться запускать веб-браузер или перенаправлять на контент Google Play Store, не одобренный для устройств Android TV.