Настройте процесс установки

На этой странице объясняется, как создать сценарий для мастера настройки (SUW), составить описание процесса и включить обязательные и необязательные шаги.

Вы можете настроить следующие экраны:

Ограниченные возможности настройки: модальное окно с содержимым. Необходимая настройка: шаблоны, предоставленные Google.
Условия использования Google
Вход через Google
Google Gemini
Google Play
Экран приветствия
Выбор языка
Настройка подключения и Wi-Fi
Создание профиля (название профиля)
Сводный экран
настройка устройства Bluetooth
Защита профиля (настройка блокировки профиля)
Экраны загрузки

Настройте модель контента.

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

Экраны, которые можно минимально настраивать.
Рисунок 1. Экраны, которые можно минимально настроить.

Для достижения согласованной интеграции вы можете настроить следующие параметры:

  • Панель навигации: Вы можете разместить панель навигации в верхней части модального окна или сбоку. Кроме того, вы можете настроить значок навигации (изображение, размер, цвет, расположение), фон (изображение, прозрачность, цвет), ширину или высоту (в зависимости от расположения).

  • Настройка модального окна: ширина области контента должна быть больше 1224 dp, чтобы экраны Google отображались в альбомной ориентации. Помимо этого, вы можете настроить ширину, высоту, расположение модального окна на экране, скругленные углы и стиль границ. Рекомендуется использовать полноэкранное наложение, если невозможно гарантировать достаточные поля вокруг модального окна.

  • Фон модального окна: изображение или цвет, прозрачность.

Примеры настройки модальных окон с контентом

Параметры, которые вы можете настроить.
Рисунок 2. Параметры, которые можно настроить.

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

На рисунках 3 и 4 представлены примеры настройки модальных окон с контентом.

Пример модального окна с ландшафтным контентом
Рисунок 3. Пример модального окна с описанием ландшафтного контента.


Пример модального окна с содержимым портретного режима
Рисунок 4. Пример модального окна с портретным контентом.

Настройка экранов, предоставленных Google.

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

Необходимая настройка
Рисунок 5. Требования к настройке.

Иммерсивные и неиммерсивные виды

У вас есть два варианта отображения SuW:

  • Иммерсивный режим: В этом режиме скрываются несущественные элементы, такие как строка состояния и системный интерфейс. Используйте иммерсивный режим, чтобы свести к минимуму отвлекающие факторы.

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

Иммерсивный и неиммерсивный режимы
Рисунок 6. Иммерсивный и неиммерсивный режимы.

Настройте расположение ландшафта

В альбомном режиме можно настраивать следующие элементы:

Макет и фон

Макет и фон
Рисунок 7. Макет и фон.
  1. Панель навигации: В панели навигации находится кнопка «Назад». Вы можете настроить расположение и фон панели, а также значок навигации (изображение, размер, цвет и размещение), фон (изображение, прозрачность, цвет) и ширину.
  2. Панель действий: Панель действий — это контейнер, закрепленный внизу страницы, содержащий кнопки призыва к действию, которые по умолчанию прозрачны. Вы можете настроить высоту и отступы панели, а также изображение, прозрачность и цвет фона.
  3. Макет страницы: Соотношение столбцов и поля страницы.
  4. Фон страницы: цвет или изображение фона.

Компоненты

Общие элементы, от 5 до 7
Рисунок 8. Общие элементы, с 5 по 7.
  1. Главное изображение: изображение, размер и размещение.
  2. Выпадающее меню: Шрифт (семейство, размер, цвет), значки (изображение, размер, цвет) и разделительная линия.
  3. Кнопки: шрифт (семейство, размер, цвет), фон (изображение, прозрачность, цвет), размер кнопки (ширина, высота), размещение, отступы, закругленные углы (стиль для основных и дополнительных действий, а также для различных состояний кнопки).

Общие элементы, 8 и 9
Рисунок 9. Общие элементы, 8 и 9.
  1. Заголовок страницы: шрифт (семейство, размер и цвет), размещение заголовка и подзаголовка, строки текста и иконка страницы (включать ли иконку, а также изображение иконки, размер и цвет).
  2. Список: Шрифт (семейство, размер и цвет), значки (изображение, размер и цвет; значки Google не настраиваются), размещение, отступы, высота элемента списка и разделительная линия. Для изменения строк необходимо проконсультироваться с Google.

Экраны загрузки

Общие элементы, 10 и 11
Рисунок 10. Общие элементы, 10 и 11.
  1. Анимация: (Неопределенный параметр) или изображение, размер, расположение.
  2. Строки: шрифт (семейство, размер и цвет), расположение и строки.

Пример индивидуальной компоновки ландшафта.

Один из способов персонализировать приветственный экран или экран с кратким обзором — использовать шаблон, предоставленный Google.

Пример ландшафтной планировки
Рисунок 11. Примерная схема ландшафта.

Настройка портретного режима

Ниже перечислены настраиваемые элементы в портретном режиме.

Макет и фон

Макет
Рисунок 12. Макет и фон, от 1 до 4.
  1. Панель навигации: В панели навигации находится кнопка «Назад». Вы можете настроить расположение и фон панели, а также значок навигации (изображение, размер, цвет и размещение), фон (изображение, прозрачность, цвет) и ширину.
  2. Панель действий: Панель действий — это контейнер, закрепленный внизу страницы, содержащий кнопки призыва к действию, которые по умолчанию прозрачны. Вы можете настроить высоту и отступы панели, а также изображение, прозрачность и цвет фона.
  3. Макет страницы: Поля страницы.
  4. Фон страницы: Цвет или изображение фона.

Компоненты

Общие элементы, от 5 до 7
Рисунок 13. Общие элементы, с 5 по 7.
  1. Главное изображение: изображение, размер, размещение.
  2. Выпадающее меню: Шрифт (семейство, размер, цвет), значки (изображение, размер, цвет), разделительная линия.
  3. Кнопки: шрифт (семейство, размер, цвет), фон (изображение, прозрачность, цвет), размер кнопки (ширина, высота), размещение, отступы, закругленные углы. Следует различать стили для основных и второстепенных действий, а также для разных состояний кнопок.

Общие элементы, 8 и 9
Рисунок 14. Общие элементы, 8 и 9.
  1. Заголовок страницы: шрифт (семейство, размер, цвет), размещение заголовка и подзаголовка, строки, иконка страницы (включать ли иконку, а также изображение иконки, размер и цвет).
  2. Список: Шрифт (семейство, размер и цвет), значки (изображение, размер и цвет; значки Google не настраиваются), размещение, отступы, высота элемента списка и разделительная линия. Для изменения строк необходимо проконсультироваться с Google.

Экраны загрузки

Экраны загрузки, 10 и 11
Рисунок 15. Экраны загрузки, 10 и 11.
  1. Анимация: Анимация (неопределенная) или изображение, размер, расположение.
  2. Строки: Шрифт (семейство, размер, цвет), размещение, строки.

Пример индивидуального макета портретной ориентации.

Портретная ориентация
Рисунок 16. Примерный вариант расположения текста в портретном режиме.