Создаем интерфейс смартапа

Задача ассистентов не только понимать пользователей, но и отвечать им как можно более полезно и разнообразно.

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

Смартап станет более интересным, если добавить в него не только реплики ассистента, но и другие элементы:

Также вы можете собрать сложный ответ с помощью блока JS-код.

Добавим в смартап «Кулинарная книга» изображения обложки, карточки с рецептами, списки для меню и звуки, указывающие на время суток.

Для этого:

  1. Откройте проект «Кулинарная книга».
  2. На начальный экран добавьте блок Изображение.

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

    Обложка на первом экране смартапа

  3. На экраны, обрабатывающие текущее время, добавьте блоки Аудио.

    С помощью блоков добавьте в смартап звуки, которые будут воспроизводиться в зависимости от времени. Например звук пения птиц на экран с меню завтраков.

    Звук обозначающий время суток

  4. Добавьте блок Список на экран со списком всех рецептов.

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

    Все рецепты

  5. Добавьте блок Карточка на экраны с подробным описанием рецепта.

    В карточку вы можете добавить изображение блюда и перечень ингредиентов.

    Карточка рецепта

Вы можете посмотреть примеры использования различных карточек, если создадите смартап на основе шаблона Пример работы с карточками. Шаблон также содержит карточки, созданные с помощью блока JS-код.

Сценарий с ответами, которые содержат различные элементы:

Сценарий с различными типами ответов

В следующем разделе вы узнаете, как работать с данными пользователя, когда смартап запущен.

Смотрите также

Заметили ошибку?

Выделите текст и нажмите Ctrl + Enter, чтобы сообщить нам о ней