# Элемент управления "Ввод с помощью пера" позволяет рисовать, стирать и выделять области изображения.

Описание

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

Основные свойства

##

Color — цвет штрихов.

Mode — режим работы элемента управления: Рисование или Стирание. Этот режим является устаревшим.

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

##

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

BorderStyle — стиль границы элемента управления: Сплошная, Штриховая, Пунктирная или Отсутствует.

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

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

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

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

Input — введенные данные.

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

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

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

ShowControls — показывает ли аудио- или видеопроигрыватель такие элементы, как кнопка воспроизведения или ползунок громкости, а элемент управления "Ввод с помощью пера" — значки команд рисования, стирания и очистки.

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

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

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

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

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

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

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

##

Collect( CollectionName; DatatoCollect )

Пример

##

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

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

Не знаете, как [добавить, назвать и настроить элемент управления](../add-configure-controls.md)?
  1. Добавьте элемент управления Кнопка и расположите его под элементом MyDoodles. Затем задайте для свойства Text этой кнопки значение Добавить.

  2. Назначьте свойству OnSelect элемента управления Кнопка следующую формулу:
    Collect(Doodles; {Sketch:MyDoodles.Image})

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

  4. Назначьте свойству Items для коллекции изображений значение Doodles и нажмите клавишу F5.

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

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

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

  7. В элементе управления Коллекция изображений назначьте свойству OnSelect элемента управления Изображение следующую формулу:
    Remove(Doodles; ThisItem)

  8. Удалите рисунок, щелкнув его (или коснувшись его) в элементе управления Коллекция изображений.

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