Элемент управления вводом пера в Power Apps

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

Description

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

Ограничения

Элемент управления входными данными пера имеет следующие ограничения:

• Элемент управления пером поддерживает только частичную поддержку рисования с помощью мыши или сенсорного ввода в приложении Windows. Штрихи могут быть периодическими. Для плавного рисования используйте перо или запустите приложение в браузере.

Ключевые свойства

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

Цвет — цвет входных штрихов.

Режим — элемент управления находится в режиме рисования или удаления . Режим выбора устарел.

Дополнительные свойства

AccessibleLabel — метка для средств чтения с экрана. Можно использовать для описания цели элемента управления, а также альтернативных методов ввода.

BorderColor — цвет границы элемента управления.

BorderStyle — является ли граница элемента управления твердым, дефишированным, dotted или None.

BorderThickness — толщина границы элемента управления.

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

Fill — цвет фона элемента управления.

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

Входные данные — устаревшие. Поддерживает ли входные данные мышь, перо или сенсорные входные данные. Значение по умолчанию (7) поддерживает все три.

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

SelectionColor — цвет текста выбранного элемента или элементов в списке или цвет инструмента выделения в элементе управления пером.

SelectionThickness — толщина инструмента выбора для элемента управления пером ввода.

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

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

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

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

Ширина — расстояние между левыми и правыми краями элемента управления.

X — расстояние между левым краем элемента управления и левым краем родительского контейнера (экран, если родительский контейнер отсутствует).

Y — расстояние между верхним краем элемента управления и верхним краем родительского контейнера (экран, если родительский контейнер отсутствует).

Связанные функции

Collect( CollectionName, DatatoCollect )

Example

Создание набора изображений

1. Добавьте элемент управления ввода пера , назовите его MyDoodles и задайте для свойства ShowControlsзначение true.

   Не знаете, как добавить, назвать и настроить элемент управления?

2. Добавьте элемент управления Button , переместите его под MyDoodles и задайте свойству Text элемента управления Button , чтобы показать "Добавить".

3. Задайте для свойства OnSelect элемента управления Button следующую формулу:
   Collect(Doodles, {Sketch:MyDoodles.Image})

4. Добавьте элемент управления "Коллекция изображений ", переместите его под элемент управления Button и сжать ширину элемента управления "Коллекция образов ", пока не отобразится три элемента.

5. Задайте свойству Items элемента управления "Коллекция образов " значение Doodles, а затем нажмите клавишу F5.

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

   Изображение, которое вы нарисовали, отображается в элементе управления "Коллекция образов ".

7. (необязательно) В элементе управления вводом пера щелкните значок, чтобы очистить рисунок, нарисовать другое изображение, а затем нажмите или коснитесь элемента управления "Кнопка ".

8. В элементе управления "Коллекция образов" задайте для свойства OnSelect элемента управления Image следующую формулу:
   Remove(Doodles, ThisItem)

9. Удалите рисунок, щелкнув или нажав его в элементе управления "Коллекция образов ".

Используйте функцию SaveData , чтобы сохранить рисунки локально или функцию Patch , чтобы сохранить их в источнике данных.

Руководство по настройке специальных возможностей

Контрастность цветов

Между ними должна быть достаточная контрастность цвета:

• BorderColor и цвет за пределами элемента управления (если есть граница)
• Заливка и цвет за пределами элемента управления (если границы нет)

Поддержка средства чтения с экрана

• Значение AccessibleLabel должно присутствовать.

  Это важно

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

Поддержка клавиатуры