Добавление экрана и переход между экранамиAdd a screen and navigate between screens

Узнайте, как создать приложение с несколькими экранами и предоставить пользователям возможность перемещаться между ними.Create an app with multiple screens, and add ways for users to navigate between them.

Технические условияPrerequisites

Добавление и переименование экранаAdd and rename a screen

  1. На вкладке Home (Главная) щелкните или нажмите New screen (Создать экран).On the Home tab, click or tap New screen.

    Команда добавления экрана на вкладке Home (Главная)

  2. На панели справа щелкните имя экрана (прямо над вкладкой Свойства) и введите новое имя источника.In the right-hand pane, click or tap the name of the screen (just above the Properties tab), and then type the new name Source.

    Переименование экрана по умолчанию

  3. Добавьте еще один экран под названием Target (Назначение).Add another screen, and name it Target.

    Два экрана на панели навигации слева

Добавление элементов навигацииAdd navigation

  1. Выбрав экран Source, откройте вкладку Insert (Вставка), щелкните или нажмите Icons (Значки), а затем — Next arrow (Стрелка "Далее").With the Source screen selected, open the Insert tab, click or tap Icons, and then click or tap Next arrow.

    Shapes (Фигуры) на вкладке Insert (Вставка)

  2. Необязательно: переместите стрелку в правый нижний угол экрана.(optional) Move the arrow so that it appears in the lower-right corner of the screen.
  3. Выбрав стрелку, откройте вкладку Action (Действие) и щелкните или нажмите Navigate (Навигация).With the arrow still selected, click or tap the Action tab, and then click or tap Navigate.

    Для свойства OnSelect стрелки будет автоматически выбрана функция Navigate (Навигация).The OnSelect property for the arrow is automatically set to a Navigate function.

    Для свойства OnSelect выбрана функция Navigate (Навигация)

    Когда пользователь щелкнет стрелку или нажмет на нее, появится экран Target.When a user clicks or taps the arrow, the Target screen fades in.

  4. На экране Target добавьте элемент Back arrow (Стрелка "Назад") и установите для ее свойства OnSelect следующую формулу:On the Target screen, add a Back arrow, and set its OnSelect property to this formula:
    Navigate(Source, ScreenTransition.Fade)Navigate(Source, ScreenTransition.Fade)
  5. Откройте режим предварительного просмотра ( или клавиша F5) и проверьте, как работает перемещение между экранами с помощью добавленных вами стрелок.Open Preview mode ( or press F5), and then switch between the screens by clicking or tapping the arrows that you added.
  6. Чтобы вернуться в рабочую область по умолчанию, нажмите клавишу ESC.Press Esc to return to the default workspace.