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

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

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

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

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

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

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

Давайте добавим новый экран и элемент управления "кнопка". Однако можно добавить любой тип элемента управления.

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

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

   

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

   

3. Выбрав Screen2, снова выберите Вставить.

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

   

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

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

   Важно

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

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

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

2. Выберите многоточие.

3. Выберите Переименовать. Добавьте уникальное запоминающееся имя, чтобы упростить создание приложения.

   

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

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

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

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

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

Выберите элемент управления на холсте и нажмите клавишу Delete.

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

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

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

   

Заметка

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

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

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

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

Заметка

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

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

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

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

Заметка

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

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

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

Изменение цвета шрифта элемента управления

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

Изменение положения элемента управления на холсте

Координаты X и Y для положения элемента управления можно задать с помощью строки формул. Задание координат в строке формул обеспечивает большую точность размещения элементов управления.

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

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

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

Изменение отображаемого текста элемента управления

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

Строка литералов

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

Заметка

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

Выражение

Выражение часто основано на свойстве другого элемента управления. Screen2.Height — это выражение, показывающее высоту экрана Screen2, на котором отображается отображаемый текст для элемента управления "Кнопка".

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

Формула

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

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

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

Дополнительные сведения

• Найдите пошаговые процедуры для настройки общих элементов управления, таких как экраны, списки, коллекции, формы и диаграммы.
• Справочную информацию о каждом типе элементов управления см. в справочнике по элементам управления.