Подпись

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

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

Вот пример того, как вы можете добавить виджет Signature в свой проект:

• Сначала перетащите виджет Signature с вкладки Form Elements (в панели виджетов) или добавьте его непосредственно из дерева виджетов.
• Перейдите на панель свойств, прокрутите вниз до раздела «Подпись» и настройте ширину и высоту виджета.

Возможно, вы используете базу данных Firestore для хранения данных вашего приложения в модели коллекция-документ. Давайте посмотрим, как можно сохранить подпись в документе Firestore.

Нарисованная подпись сначала загружается и сохраняется в виде изображения в хранилище Firebase Storage с помощью действия Upload Signature. Это действие возвращает URL-адрес загруженной подписи, который можно сохранить в документе Firestore для последующего доступа.

Сохранение подписи в документе Firestore состоит из следующих шагов:

1. Предварительные условия
2. Загрузка подписи
3. Передача URL-адреса изображения подписи в поле документа

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

• Ознакомьтесь со структурированием базы данных Firebase.
• Выполните все шаги в разделе Firebase Setup для вашего проекта.
• Создайте Коллекцию со схемой, содержащей поле с типом данных Image Path.

Вы можете загрузить подпись, добавив действие Upload Signature. Узнайте, как добавить это действие на странице ниже.

Действие Upload Signature (добавленное в предыдущем шаге) возвращает URL-адрес изображения подписи. Вы можете использовать его для передачи в поле документа, добавив действие, которое создает или обновляет документ, например, Create Document или Update Document.

Вот шаги в деталях:

• Выберите виджет (например, кнопку), на который вы хотите добавить действие.
• Выберите Действия на панели свойств (правое меню) и нажмите Открыть. Это откроет редактор потока действий в новом всплывающем окне.
  • Выберите уже добавленное действие Upload Signature Action, нажмите на кнопку + в нижней части окна и выберите Add Action.
  • В правой части найдите и выберите Создать документ или Обновить документ.
  • Если вы выбрали Создать документ.
    • Установите Коллекцию на имя вашей коллекции (например, todo).
  • Если вы выбрали Обновить документ, установите ссылку документа на обновление.
    • Если у вас есть доступ к документу, установите Источник на фактический документ, а Доступные параметры — на ссылку.
  • В разделе Задать поля нажмите на кнопку + Поле.
  • Щелкайте по имени поля, пока не увидите поля, в которых хранится значение ползунка.
    • Установите для параметра Источник значения значение Из переменной.
    • Нажмите на UNSET (откроется всплывающее окно слева).
    • Выберите Состояние виджета, а затем выберите Загруженный URL подписи.
  • Закройте редактор потока действий.

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

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

Чтобы изменить цвет пера и ширину штриха:

• Выберите виджет «Подпись» в дереве виджетов или в области холста.
• Перейдите на панель свойств и прокрутите вниз до раздела «Подпись».
• Найдите свойство Pen Color и нажмите на поле рядом с уже выбранным цветом, выберите цвет, затем нажмите Use Color или нажмите на уже выбранный цвет и введите Hex-код напрямую.
• Найдите свойство Pen Stroke Width и введите значение. Чем больше значение, тем больше толщина штриха.

Вы можете изменить цвет фона блокнота для подписей во время работы приложения и при загрузке изображения в хранилище Firebase.

Чтобы изменить цвет фона:

• Выберите виджет «Подпись» в дереве виджетов или в области холста.
• Перейдите на панель свойств и прокрутите вниз до раздела «Подпись».
• Найдите свойство Цвет фона и нажмите на поле рядом с уже выбранным цветом, выберите цвет, затем нажмите Использовать цвет или нажмите на уже выбранный цвет и введите Hex-код напрямую.
• Аналогичным образом можно изменить цвет фона, когда изображение загружается в хранилище Firebase.
• Для этого используйте свойство Exported Background Color.

Здесь приведены инструкции по добавлению подкладок.

Здесь приведены инструкции по настройке выравнивания.

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

Инструкции по отображению/скрытию виджета находятся здесь.