Добавить экран

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

Скриншот, демонстрирующий новые параметры макета экрана Power Apps.

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

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

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

  1. Выполните вход в Power Apps.
  2. Создание приложения на основе холста в табличном формате.
  3. В Power Apps Studio, на панели команд выберите Новый экран а затем выберите экран.
  4. Когда вы закончите, выполните предварительный просмотр приложения, чтобы увидеть, как оно отображается на разных устройствах. Более подробную информацию см. предварительная версия приложение.

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

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

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

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

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

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

  1. В Power Apps Studio, выбирать Добавить экран> Экран приветствия.
  2. Чтобы изменить изображение, выберите изображение, а затем выберите Редактировать.
  3. Выбирать Особенность элемента управление кнопками и добавьте свой собственный текст.
  4. Выбирать Краткое описание или интересное сообщение и отредактируйте текст описания.
  5. Чтобы добавить больше плиток, в древовидной структуре скопируйте и вставьте Контейнер элемент.
  6. Чтобы удалить плитку, в дереве щелкните правой кнопкой мыши Контейнер и выберите Удалить.

Используйте Заголовок и галерея экран для демонстрации широкого спектра информации о продуктах или услугах, например каталог продукции. Когда вы подключаете элемент управления «Галерея» к источнику данных, автоматически создается каталог, требующий незначительной настройки.

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

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

  • Контейнер заголовка
    • Заголовок
  • Основной контейнер
    • Галерея (Классика)
      • Контейнер изображений
        • Изображение (классическая версия)
    • Название контейнера
      • Текст заголовка
      • Текст описания
    • Кнопка Контейнер
      • Кнопка
  1. В Power Apps Studio, выбирать Добавить экран> Заголовок и галерея.

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

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

    В свойстве Image используйте ЭтотЭлемент синтаксис для установки желаемого изображения. Примените тот же метод к тексту заголовка и текстовому описанию.

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

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

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

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

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

  1. В Power Apps Studio, выбирать Добавить экран> Запрос на одобрение.

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

  3. Чтобы просмотреть сведения об этапах утверждения, в древовидной структуре выберите Галерея рецензентов , а на панели свойств выберите вкладку Дополнительно и перейдите в раздел Элементы.

    Следующие сведения являются частью стадии утверждения:

    • Имя: Имя этапа или утверждающего

    • Название: Подзаголовок сцены или утверждающего

    • Статус: Статус этапа

    • Текущий: Текущая стадия запроса на одобрение.

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

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

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

Экран заголовка и формы содержит следующие элементы управления:

  • Контейнер заголовка
    • Заголовок
  • Основной контейнер
    • Форма контейнера
      • Форма
    • Контейнер для кнопок
      • Кнопка отмены
      • Кнопка отправки

Добавить и настроить заголовок и экран формы

  1. В Power Apps Studio выберите Добавить экран>Заголовок и форму.
  2. В древовидной структуре выберите Форму и подключите ее к источник данных.
  3. [Необязательно] Чтобы обеспечить наилучшую скорость отклика экрана, выберите все данные карточка в форме и установите для свойства Подгонка ширины значение Вкл. на панели Свойства .

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

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

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

  • Контейнер заголовка
    • Заголовок
  • Основной контейнер
    • Таблицу

Добавить и настроить экран заголовка и таблицы

  1. В Power Apps Studio выберите Добавить экран>Заголовок и таблицу.
  2. В древовидной структуре выберите Таблицу и подключите ее к источник данных.

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

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

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

  • Контейнер для экрана
    • Контейнер заголовка
      • Управление заголовком
    • Контейнер для тела
      • Ввод текста (Поиск)
      • Управление столом
      • Контроль формы
      • Кнопка
        • Новая
        • Изменение
        • DELETE
        • Отправить
        • Отменить

Добавить и настроить экран таблиц и форм

В Power Apps Studio:

  1. Выберите Добавить экран>Таблицу и форму.

  2. Выберите экран на холсте.

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

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

    Снимок экрана, показывающий расположение кнопки «Данные», где можно выбрать источник данных из списка.

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

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

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

Снимок экрана, показывающий вид экрана при подключении к источник данных: список данных и элементы его формы.

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

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

На левой панели наведите указатель мыши на экран, который вы хотите переместить вверх или вниз, а затем выберите Переместить вверх или Переместить вниз.

Заметка

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

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

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

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

  2. (Необязательно.) Переместите стрелку, чтобы она отображалась в правом нижнем уголу экрана.

  3. Выделив стрелку, задайте свойству OnSelect функцию Navigate .

    Снимок экрана, на котором показано, что свойству OnSelect присвоено значение функции Navigate.

    Когда пользователь выбирает стрелку, экран Цели постепенно появляется.

  4. На экране Target добавьте значок стрелки назад и задайте для его свойства OnSelect следующую формулу:

    Navigate(Target, ScreenTransition.Fade)

    Заметка

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

Дополнительная информация

Ссылка на экран управления