Реактивный поток

Наслаждайтесь беспрепятственным доступом к любимым фильмам, телепередачам, музыке и многому другому на большом экране в любое время дома.

Ресурсы

Тип Связь Положение дел
Дизайн Исходный код дизайна (Фигма) Доступный
Интер (Google Шрифты) Доступный
Выполнение Jetpack Compose (Github) Доступный

Тема

Цветовая тема
Цветовая тема создается с помощью генератора тем Material Design 3.
Цветовая тема

Типография
В шрифтовой шкале JetStream используется шрифт Inter для создания простого и четкого вида телевизионных экранов.
Типография

Форма
К картам и кнопкам применен тонкий радиус, чтобы создать удобные и доступные края.
Форма

Фокус
В JetStream используется контур 3dp с цветом контура.
Фокус

Дом

Дом
Целевая страница приложения JetStream.
Дом

Избранная карусель
Карусель с макетом в карточном стиле.
Избранная карусель

Строка контента
JetStream использует стандартный стиль карточек с соотношением сторон 2:3 и макетом из 5 столбцов.
Строка контента

Иммерсивный список
Выделите специальный контент в приложении с помощью компонента списка погружения, например 10 самых популярных фильмов.
Иммерсивный список

Категории

Категории
На странице «Категории» жанры отображаются в виде сетки для удобства навигации и доступа.
Категории

Карточки категорий
Карточки категорий

Детали категории
Сетка карточек 2:3 с заголовком используется для создания страницы сведений о категории.
Детали категории

СМИ

Кино
Стандартная вкладка фильмов с избранными карточками формата 16:9 вверху и сеткой контента внизу.
Кино

Шоу
Шоу

Библиотека

Избранное
Вкладка «Избранное» включает в себя фильтры в верхней части экрана, позволяющие быстро искать контент.
Избранное

Поисковая посадка
На странице поиска имеется панель поиска с предлагаемыми поисковыми запросами на основе недавних поисков.
Поисковая посадка

Активный поиск
Когда пользователь фокусируется на строке поиска, появляется клавиатура, и приведенные ниже результаты динамически обновляются по мере ввода пользователем текста.
Активный поиск

Подробности об объекте

Подробности посадки
На странице сведений представлен кинематографический вид с кратким изложением сюжета и заметной кнопкой призыва к просмотру фильма.
Подробности посадки

Актерский состав и съемочная группа
В разделе «Актеры и съемочная группа» представлен ряд классических карточек с названиями и описаниями, каждая из которых сопровождается изображением в формате 2:3.
Актерский состав и съемочная группа

Рейтинги
В разделе рейтингов представлена ​​специальная классическая широкая карточка с дополнительной информацией.
Рейтинги

Воспроизведение

Видео проигрыватель
Стандартный видеоплеер с лучшими практиками.
Видео проигрыватель

Настройки видеоплеера
Всплывающее окно с субтитрами в видеоплеере.
Настройки видеоплеера

Настройки

Настройки учетной записи
Макет страницы учетных записей состоит из двух столбцов: компонент списка слева и настраиваемые компоненты карточек справа, расположенные в формате сетки.
Настройки учетной записи

Диалоговое окно удаления учетной записи
Диалоговое окно имеет контрастный фон, чтобы выделить его на фоне остального экрана. Две кнопки в диалоговом окне выровнены по левому краю, что обеспечивает аккуратный и организованный вид.
Диалоговое окно удаления учетной записи

О
В разделе «О программе» имеется правая панель с прокручиваемым текстовым окном.
О

Настройки субтитров
Компонент списка используется для отображения различных настроек под подзаголовком и использует такие действия, как переключатель или метка.
Настройки субтитров

История
В истории поиска используется макет, который отображает список ранее найденных запросов, а также возможность очистить всю историю поиска.
История

Помощь
В разделе «Справка и поддержка» используется настраиваемый компонент списка для отображения различных параметров, включая контактную информацию и часто задаваемые вопросы.
Помощь