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

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

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

  2. В PowerApps Studio в меню Файл (у левого края экрана) выберите Создать.

    Параметр "Создать" в меню "Файл"

  3. Выберите плитку Пустое приложение и щелкните Макет для телефона.

    Создание приложения с нуля

  4. Если появится приглашение ознакомиться с кратким обзором основных областей интерфейса PowerApps, выберите Next (Далее) или Skip (Пропустить).

    Заставка краткого обзора

    Просмотреть обзор можно в любой момент. Для этого щелкните значок вопросительного знака в правом верхнем углу экрана, а затем выберите Take the intro tour (Ознакомиться с кратким обзором).

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

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

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

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

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

  1. Перейдите на вкладку Вставка панели инструментов и выберите Метка.

    Вкладка "Вставка"

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

    Выбранная метка

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

  2. Сузьте элемент управления Метка, перетащив маркер края влево. (Средний маркер позволяет увеличить размер.)

    Метка с измененным размером

    Размер элемента управления можно также изменить с помощью свойств Height и Width, как описано далее в этой статье.

  3. Переместите элемент управления Метка, перетащив рамку выделения (или с помощью свойств X и Y, как описано далее в этой статье).

  4. Трижды щелкните текст, отображаемый в элементе управления Метка, а затем введите Hello, World.

    Метка с текстом

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

  5. Чтобы удалить элемент управления Метка, выберите его, а затем нажмите клавишу DELETE.

  6. Чтобы восстановить элемент управления Метка, нажмите клавиши CTRL+Z (или повторите первые четыре шага в этой процедуре).

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

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

  1. Выберите элемент управления Метка и перейдите на вкладку Главная панели инструментов.

    Вкладка "Главная"

  2. Щелкните Заливка, а затем выберите цвет, например аквамариновый.

    Параметр "Заливка"

    После этого в элементе управления Метка отобразятся изменения.

    Элемент управления "Метка" с аквамариновой заливкой

  3. Измените семейство шрифтов и размер текста (например, 18 пт, Georgia).

    Элементы управления шрифтом

    После этого в элементе управления Метка отобразятся изменения.

    18 пт, Georgia

  4. Перейдите на вкладку Метка, щелкните или коснитесь ВыровнятьПоВертикали, а затем выберите Top (По верхнему краю).

    Вкладка "Текстовое поле"

    После этого в элементе управления Метка отобразятся изменения.

    Метка с текстом, выровненным по верхнему краю

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

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

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

  • При изменении размера элемента управления вы изменили свойство Width.
  • При перемещении элемента управления вы изменили свойства X и Y.
  • При изменении параметров отображения текста элемента управления вы изменили свойство Text.

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

  1. Выберите элемент управления Метка. В списке свойств выберите Text и в строке формул введите "My Company Name" (вместе с кавычками).

    Строковый литерал в метке

    Заключив строку текста в кавычки, вы указываете, что она должна рассматриваться точно так, как ее ввели. В качестве значения свойства можно также задать формулу.

  2. Выберите элемент управления Метка. В списке свойств выберите Text и в строке формул введите Today() (без кавычек).

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

    Функция Today

    Совет. Вы можете по-разному изменять формат даты и времени, а также выполнять с ними вычисления.

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

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

  1. Перейдите на вкладку Вставка.

    Вкладка "Вставка"

  2. Выберите Элементы управления, а затем щелкните Флажок.

    Добавление флажка

  3. Переместите элемент управления Флажок под элемент управления Метка, а затем для свойства Text элемента управления Флажок задайте значение Show text.

    Настройка флажка

  4. Выберите элемент управления Флажок и перейдите на вкладку Главная.

    Изменение имени флажка

  5. Щелкните текущее имя элемента управления Флажок (справа от элемента Новый экран) и введите MyCheckbox.

    Изменение имени флажка

  6. Выберите элемент управления Метка, перейдите на вкладку Метка, а затем выберите параметр Видимый.

    Свойство Visible

  7. В строке формул удалите значение true, а затем введите следующую формулу:

    If(MyCheckbox!Value = true, true, false)

    Эта функция If указывает, что метка должна отображаться, только если установлен флажок. Так как флажок снят, элемент управления Метка не отображается (за исключением рамки выделения).

    Формула Visible

  8. Щелкните элемент управления Флажок, чтобы добавить к нему рамку выделения, а затем щелкните еще раз, чтобы добавить отметку.

    После этого элемент управления Метка откроется снова:

    Метка отображается после установки флажка

  9. Снимите флажок, чтобы скрыть элемент управления Метка.

    Метка исчезла после снятия флажка

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

Изменение имени экрана или элемента управления

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

  1. Щелкните экран или элемент управления, который необходимо переименовать.

  2. На вкладке Главная щелкните имя элемента управления (справа от элемента Новый экран), а затем введите необходимое имя.

    Изменение имени флажка