Наслаждайтесь беспрепятственным доступом к любимым фильмам, телепередачам, музыке и многому другому на большом экране в любое время дома.
Ресурсы
Тип | Связь | Положение дел |
---|---|---|
Дизайн | Исходный код дизайна (Фигма) | Доступный |
Интер (Google Шрифты) | Доступный | |
Выполнение | Jetpack Compose (Github) | Доступный |
Тема
Цветовая тема
Цветовая тема создается с помощью генератора тем Material Design 3. ![Цветовая тема](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/color.webp?authuser=0000&hl=ru)
Типография
В шрифтовой шкале JetStream используется шрифт Inter для создания простого и четкого вида телевизионных экранов. ![Типография](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/typography.webp?authuser=0000&hl=ru)
Форма
К картам и кнопкам применен тонкий радиус, чтобы создать удобные и доступные края. ![Форма](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/shape.webp?authuser=0000&hl=ru)
Фокус
В JetStream используется контур 3dp с цветом контура. ![Фокус](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/focus-theme.webp?authuser=0000&hl=ru)
Дом
Дом
Целевая страница приложения JetStream. ![Дом](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/home.webp?authuser=0000&hl=ru)
Избранная карусель
Карусель с макетом в карточном стиле. ![Избранная карусель](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/home-fc-focused.webp?authuser=0000&hl=ru)
Строка контента
JetStream использует стандартный стиль карточек с соотношением сторон 2:3 и макетом из 5 столбцов. ![Строка контента](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/home-trending-focused.webp?authuser=0000&hl=ru)
Иммерсивный список
Выделите специальный контент в приложении с помощью компонента списка погружения, например 10 самых популярных фильмов. ![Иммерсивный список](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/home-top-10.webp?authuser=0000&hl=ru)
Категории
Категории
На странице «Категории» жанры отображаются в виде сетки для удобства навигации и доступа. ![Категории](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/categories.webp?authuser=0000&hl=ru)
Карточки категорий
![Карточки категорий](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/categories-action.webp?authuser=0000&hl=ru)
Детали категории
Сетка карточек 2:3 с заголовком используется для создания страницы сведений о категории. ![Детали категории](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/categories-details.webp?authuser=0000&hl=ru)
СМИ
Кино
Стандартная вкладка фильмов с избранными карточками формата 16:9 вверху и сеткой контента внизу. ![Кино](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/movies.webp?authuser=0000&hl=ru)
Шоу
![Шоу](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/shows.webp?authuser=0000&hl=ru)
Библиотека
Избранное
Вкладка «Избранное» включает в себя фильтры в верхней части экрана, позволяющие быстро искать контент. ![Избранное](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/favorities.webp?authuser=0000&hl=ru)
Поиск
Поисковая посадка
На странице поиска имеется панель поиска с предлагаемыми поисковыми запросами на основе недавних поисков. ![Поисковая посадка](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/search-default.webp?authuser=0000&hl=ru)
Активный поиск
Когда пользователь фокусируется на строке поиска, появляется клавиатура, и приведенные ниже результаты динамически обновляются по мере ввода пользователем текста. ![Активный поиск](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/search-active.webp?authuser=0000&hl=ru)
Подробности об объекте
Подробности посадки
На странице сведений представлен кинематографический вид с кратким изложением сюжета и заметной кнопкой призыва к просмотру фильма. ![Подробности посадки](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/details.webp?authuser=0000&hl=ru)
Актерский состав и съемочная группа
В разделе «Актеры и съемочная группа» представлен ряд классических карточек с названиями и описаниями, каждая из которых сопровождается изображением в формате 2:3. ![Актерский состав и съемочная группа](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/cast-crew.webp?authuser=0000&hl=ru)
Рейтинги
В разделе рейтингов представлена специальная классическая широкая карточка с дополнительной информацией. ![Рейтинги](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/ratings.webp?authuser=0000&hl=ru)
Воспроизведение
Видео проигрыватель
Стандартный видеоплеер с лучшими практиками. ![Видео проигрыватель](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/player.webp?authuser=0000&hl=ru)
Настройки видеоплеера
Всплывающее окно с субтитрами в видеоплеере. ![Настройки видеоплеера](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/player-closed-captions.webp?authuser=0000&hl=ru)
Настройки
Настройки учетной записи
Макет страницы учетных записей состоит из двух столбцов: компонент списка слева и настраиваемые компоненты карточек справа, расположенные в формате сетки. ![Настройки учетной записи](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/settings-account.webp?authuser=0000&hl=ru)
Диалоговое окно удаления учетной записи
Диалоговое окно имеет контрастный фон, чтобы выделить его на фоне остального экрана. Две кнопки в диалоговом окне выровнены по левому краю, что обеспечивает аккуратный и организованный вид. ![Диалоговое окно удаления учетной записи](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/settings-delete-account.webp?authuser=0000&hl=ru)
О
В разделе «О программе» имеется правая панель с прокручиваемым текстовым окном. ![О](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/settings-about.webp?authuser=0000&hl=ru)
Настройки субтитров
Компонент списка используется для отображения различных настроек под подзаголовком и использует такие действия, как переключатель или метка. ![Настройки субтитров](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/settings-subtitles.webp?authuser=0000&hl=ru)
История
В истории поиска используется макет, который отображает список ранее найденных запросов, а также возможность очистить всю историю поиска. ![История](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/settings-history.webp?authuser=0000&hl=ru)
Помощь
В разделе «Справка и поддержка» используется настраиваемый компонент списка для отображения различных параметров, включая контактную информацию и часто задаваемые вопросы. ![Помощь](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/settings-help.webp?authuser=0000&hl=ru)