Обзор контекста навигации PowerApps

В этом руководстве мы обсудим контекст навигации PowerApps. Мы будем использовать функции «Назад» и «Навигация» , чтобы изменить экран, отображаемый в наших приложениях.

Большинство приложений содержат несколько экранов. Предоставление удобной навигации PowerApps позволяет пользователям эффективно перемещаться по экранам этих приложений.

На справочной странице давайте нажмем «Навигация» и посмотрим, что она делает.

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

Оглавление

• Навигация PowerApps с использованием функции навигации
• Добавление функции редактирования для навигации PowerApps
• Понимание функции «Назад» в навигации PowerApps
• Заключение

Навигация PowerApps с использованием функции навигации

Для начала щелкнем по первой карточке данных ( Beau Spratling ).

Перейдите к триггеру OnSelect , и мы увидим, что функция Navigate используется для перехода пользователя к указанному экрану ( DetailScreen1 ). Это означает, что при нажатии на эту карточку мы перейдем к DetailScreen1 .

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

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

Мы можем легко изменить навигационный переход , снова нажав на карточку данных. Затем нажмите на второй аргумент.

После этого появится ScreenTransition.None .

Удалите слово « Нет» в конце, и ниже появятся различные варианты перехода. Для этого примера воспользуемся переходом Fade . Попробуйте запустить свое приложение, и вы увидите, как работает переход Fade .

Давайте теперь нажмем на стрелку внутри нашей карты данных.

Мы видим, что его триггер также OnSelect и он выбирает родительский элемент.

Родительский элемент этой стрелки относится к самой карте данных . Он использует функцию Navigate , которая перенаправляет пользователей на DetailScreen1 . После щелчка он будет делать то же самое, что и при нажатии на карточку данных.

Добавление функции редактирования для навигации PowerApps

Теперь давайте попробуем добавить символ редактирования, который будет перенаправлять нас на страницу редактирования прямо из нашей карты данных. Нажмите на элемент Separator5 под BrowseGallery1 .

Затем нажмите « Значки» и выберите значок «Редактировать» .

Поскольку мы добавили его в BrowseGallery1 , он реплицируется для каждой карты данных в галерее.

Давайте затем переместим значок рядом со значком стрелки и изменим его размер, пока он не станет немного меньше.

По умолчанию этот значок редактирования также использовал триггер OnSelect и функцию Select из родительского элемента. Таким образом, щелкнув это, он также перенаправит нас на экран подробностей.

Давайте изменим это, изменив функцию на Navigate . Вместо этого измените Select (Parent) на Navigate (EditScreen1) .

Мы установим второй аргумент в ScreenTransition.UnCover . Обязательно разделите два аргумента запятой ( , ).

Давайте теперь поиграем в наше приложение.

После этого нажмите кнопку «Редактировать» .

Затем мы будем перенаправлены на экран редактирования.

Понимание функции «Назад» в навигации PowerApps

На нашем EditScreen1 давайте нажмем кнопку X рядом с заголовком.

В этом примере мы использовали функцию ResetForm () вместе с функцией Back ().

Когда мы куда-то перемещаемся, Microsoft PowerApps запоминает последний открытый нами экран. Мы можем перейти к этому последнему экрану с помощью функции Back() .

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

Мы также можем прочитать более подробное объяснение функции Back() на странице справочника формул.

Основы Power Apps: среда разработки и запуск вашего приложения
Power Apps: начало работы с этим революционным инструментом

Заключение

Подводя итог, мы можем узнать важность и контекст навигации PowerApps. Мы также можем понять, как в нашем приложении работают функции «Назад» и «Навигация» . Мы можем указать визуальный переход в формуле, чтобы контролировать, как один экран меняется на другой.

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

Всего наилучшего,

Генри