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

Storyboard

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

к сведению

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

storyboard.avif

Легенда Storyboard​

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

В Storyboard используются следующие элементы:

storyboard-legend.avif

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

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

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

highlight-routes.avif

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

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

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

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

Видеоролик​

Посмотрите это видео, если предпочитаете видеоурок.

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

Я получаю ошибку "Error: Unable to initialize Storyboard"

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