Добавление экранов и навигация по ним в приложениях на основе холста

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

Доступны следующие новые предварительно созданные экраны:

• Запрос на утверждение
• Экран приветствия
• Заголовок и галерея
• Заголовок и форма
• Заголовок и таблица

Добавление нового экрана

1. Войдите в Power Apps.

2. Создайте приложение на основе холста или откройте существующее для редактирования.

3. На панели команд выберите Создать экран, затем выберите макет экрана.

4. Просмотрите приложение, чтобы определить, как оно выглядит на разных устройствах. Дополнительные сведения см. в разделе "Предварительный просмотр приложения".

Экран приветствия

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

Шаблон экрана приветствия включает следующие элементы управления:

• Контейнер экрана
  • Контейнер заголовка
    • Заголовок
  • Основной контейнер
    • Контейнер
      • Контейнер изображения
        • Изображение
      • Контейнер заголовка
        • Кнопка элемента функции
        • Текст описания

Добавление и настройка экрана приветствия

1. Выберите Создать экран>Экран приветствия.

2. Чтобы изменить изображение плитки, выберите ее, затем выберите Изменить.

3. Выберите элемент управления кнопки Важный элемент и добавьте собственный текст на панели свойств.

   

4. Выберите Краткое описание или сообщение, привлекающее внимание и добавьте свое собственное.

5. При необходимости добавляйте и удаляйте плитки.

   • Чтобы добавить плитки в представление дерева, скопируйте и вставьте элемент Контейнер.

   • Чтобы удалить плитку в представлении дерева, щелкните Контейнер правой кнопкой мыши и выберите Удалить.

Экран заголовка и галереи

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

Элемент управления "Галерея" на экране Заголовок и галерея является классическим элементом управления. Когда современный элемент управления "Галерея" будет выпущен, он будет использоваться на экране Заголовок и галерея. См. Общие сведения о современных элементах управления и темах в canvas appsдля получения дополнительной информации.

Экран Заголовок и галерея имеет следующий шаблон для элементов управления:

• Контейнер экрана
  • Контейнер заголовка
    • Заголовок
  • Основной контейнер
    • Галерея
      • Контейнер галереи
        • Контейнер изображения
          • Изображение
        • Контейнер заголовка
          • Текст заголовка
          • Текст описания
        • Контейнер кнопки
          • Кнопка

Добавление и настройка экрана заголовка и галереи

1. Выберите Создать экран>Заголовок и галерея.

2. В представлении дерева выберите Галерея и подключите ее к источнику данных, например к Dataverse.

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

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

   

Экран запроса утверждения

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

Экран Запрос утверждения имеет следующий шаблон для элементов управления:

• Контейнер экрана
  • Контейнер заголовка
    • Заголовок
  • Основной контейнер
    • Контейнер формы
      • Текст заголовка формы
      • Форма утверждения
      • Кнопка отправки
    • Контейнер боковой панели
      • Текст рецензентов
      • Галерея рецензентов

Добавление и настройка экрана «Запрос на утверждение»

1. Выберите Создать экран>Запрос утверждения.

2. В представлении дерева в ApprovalForm подключитесь к источнику данных, например Dataverse.

3. Выбор источника данных.

4. Чтобы просмотреть сведения о этапах утверждения, выберите "РецензентыGallery" в узле SidebarContainer в представлении дерева. Затем в области свойств выберите вкладку "Дополнительно " и перейдите к элементам.

   Этапы утверждения имеют следующие сведения:

   • Имя: название стадии или имя утверждающего
   • Заголовок: подзаголовок стадии или утверждающего
   • Статус: статус стадии
   • Текущая: является ли данная стадия текущей стадией запроса утверждения

   

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

Заголовок и форма

На экране Заголовок и форма есть заголовок, форма и две кнопки для отправки формы или отмены отправки формы. Этот экран отлично подходит для использования полноэкранной формы.

Экран Заголовок и форма имеет следующий шаблон для элементов управления:

• Контейнер экрана
  • Контейнер заголовка
    • Заголовок
  • Основной контейнер
    • Контейнер формы
      • Form
    • Контейнер кнопки
      • Кнопка отмены
      • Кнопка отправки

Добавление и настройка экрана «Заголовок и форма»

1. Выберите Создать экран>Заголовок и форма.

2. В представлении в виде дерева вы увидите выбранный элемент Форма, и появится запрос на подключение формы к источнику данных.

3. Выбор источника данных.

4. При необходимости, чтобы обеспечить наилучшую реакцию экрана, выберите каждую карточку данных в форме и задайте для ее свойства Ширина по размеру значение Вкл. на вкладке Отображение панели Свойства.

Заголовок и таблица

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

Экран Заголовок и таблица имеет следующие элементы управления:

• Контейнер заголовка
  • Заголовок
• Основной контейнер
  • Стол

Добавление и настройка экрана «Заголовок и таблица»

1. Выберите Создать экран>Заголовок и таблица.

2. В представлении дерева выберите Таблица и подключите ее к источнику данных.

Таблица и форма

Экран "Таблица и форма" содержит два основных элемента управления: современный элемент управления "Таблица" и современный элемент управления "Форма". Этот шаблон содержит встроенные формулы Power Fx, чтобы упростить подключение к данным и настройку. Этот шаблон идеально подходит для выбора и редактирования записи с помощью формы.

Экран «Таблица и форма» содержит следующие элементы управления:

• Контейнер экрана
  • Контейнер заголовка
    • Элемент управления «Заголовок»
  • Основной контейнер
    • Ввод текста (Поиск)
    • Элемент управления "Таблица"
    • Элемент управления "Форма"
    • Кнопка
      • Новое
      • Изменить
      • Удаление
      • Отправить
      • Отмена

Добавление и настройка экрана «Таблица и форма»

В Power Apps Studio:

1. Выберите Создать экран>Таблица и форма.

2. Выберите Данные на встроенной панели действий.

3. Выберите нужный источник данных.

   

   При подключении и таблица, и элементы управления формой подключаются к источнику данных.

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

Все кнопки в этом шаблоне имеют встроенные Power Fx, поэтому их не нужно настраивать. При подключении экрана к выбранному источнику данных экран становится полностью функциональным.

Изменение порядка экранов

Если приложение имеет несколько экранов, их порядок можно изменить в представлении дерева.

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

Используйте свойство StartScreen , чтобы задать экран, отображающийся сначала.

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

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

1. Выберите экран. Выберите Вставить. В поле поиска введите Стрелка "Далее", затем выберите ее.

2. Переместите стрелку в нужное место на экране.

3. Щелкните стрелку. Задайте для свойства OnSelect функцию Navigate . Например, используйте Navigate(Target, Fade).

   Замените Target названием экрана, на который вы хотите перейти.

   

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

4. На экране Target добавьте значок Стрелка «Назад» таким же образом. Задайте его свойство OnSelect, например Navigate(Target, ScreenTransition.Fade).

   Замените Target названием экрана, на который вы хотите вернуться.

Связанная информация

Справка по элементу управления "Экран"