Перейти к основному содержимому

Storyboard

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

к сведению

Эта функция в настоящее время находится в бета-версии. Оптимизирована для проектов с 30 страницами или менее.

storyboard.avif

Легенда Storyboard

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

Мы используем следующие элементы внутри Storyboard:

storyboard-legend.avif

  1. Сплошная линия используется для представления Действия "Перейти" или Действия "Вход".
  2. Пунктирная линия используется для представления действия "Bottom Sheet".
  3. Иконка правой стрелки представляет скрытые виджеты. Эти виджеты могут не быть видимы на текущем экране (например, они могут находиться на другой вкладке), но у них всё равно есть действие навигации для их отображения.

Выделение маршрутов на странице

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

highlight-routes.avif

Перемещение страниц

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

Открытие страницы из Storyboard

Вы также можете открыть страницу напрямую из Storyboard. Для этого просто дважды щелкните по странице.


Видео-руководство

Посмотрите это видео, если предпочитаете обучаться с помощью видеоуроков.


Часто задаваемые вопросы

При получении сообщения "Ошибка: Невозможно инициализировать Storyboard"

Эта ошибка обычно возникает из-за того, что начальная страница не была задана. Для решения этой проблемы установите начальную страницу в настройках Приложения вашего проекта.