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

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

Предварительные условия

  1. Если у вас еще нет лицензии Power Apps, зарегистрируйтесь, затем выполните вход.

  2. В разделе Создавайте собственные приложения наведите указатель мыши на Приложение на основе холста с нуля, затем выберите Создать приложение.

  3. Если вам предлагается принять участие в ознакомительном туре, выберите Далее, чтобы познакомиться с ключевыми областями интерфейса Power Apps (или выберите Пропустить).

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

Добавление и выбор элемента управления

На вкладке Вставить выполните одно из следующих действий:

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

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

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

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

Screen2 в списке.

Чтобы продемонстрировать, как работает этот список, выберите Подпись на вкладке Вставить. Новый элемент управления отображается под элементом Screen2 в иерархическом списке.

Вставка метки.

На экране поле с шестью маркерами окружает подпись по умолчанию. Этот тип поля окружает любой выбранный элемент управления. Если вы выберете экран, щелкнув или нажав на него (но за пределами подписи), поле исчезнет с подписи. Чтобы снова выбрать подпись, вы можете щелкнуть или коснуться ее, или вы можете щелкнуть или коснуться ее имени в иерархическом списке элементов управления.

Важно!

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

Переименование элемента управления

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

Переименование элемента управления.

Удаление элемента управления

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

Элемент управления для удаления.

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

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

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

Примечание

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

Перемещение и изменение размеров элемента управления

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

Перемещение элемента управления.

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

Перетаскивание элемента управления.

Примечание

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

Изменение текста подписи или кнопки

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

Изменение текста.

Примечание

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

Настройка элемента управления на панели инструментов

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

Например, вы можете выбрать подпись, выбрать Главная, затем измените шрифт текста в подписи.

Изменение шрифта.

Настройка элемента управления на вкладке "Свойства"

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

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

Задать видимость.

Настройка элемента управления в строке формул

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

Например, вы можете выбрать подпись и затем настроить ее следующими способами:

  • Переместите ее, выбрав X или Y в списке свойств, а затем указав другое число в строке формул.

    Установка свойства X.

  • Измените ее размер, выбрав свойство Высота или Ширина в списке свойств, затем указав другое число в строке формул.

    Установка свойства "Высота".

  • Измените ее текст, выбрав Текст в списке свойств, затем указав любую комбинацию строки литералов, выражения или формулы в строке формул.

    • Строка литералов заключена в кавычки и отображается точно в том виде, в котором вы ее вводите. "Привет, мир"  — это строка литералов.

      Установка для свойства "Текст" строки литералов.

    • Выражение не включает функцию и часто основано на свойстве другого элемента управления. Screen1.Height — это выражение, которое показывает высоту элемента управления Screen1.

      Задание для свойства "Текст" выражения.

    • Формула включает в себя одну или несколько функций. Функция Now возвращает текущую дату и время в вашем местном часовом поясе, а функция Text форматирует значения, такие как даты, время и валюта.

      Установка для свойства "Текст" формулы.

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

Дальнейшие шаги