Перейти к основному содержимому

Подпись

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

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

Добавление виджета подписи​

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

  1. Сначала перетащите виджет Подпись из вкладки Элементы формы (в панели виджетов) или добавьте его напрямую из дерева виджетов.
  2. Перейдите в панель свойств, прокрутите вниз до раздела Подпись и настройте ширину и высоту виджета.

Сохранение подписи в документ Firestore​

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

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

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

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

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

1. Создание поля пути к изображению​

Создайте коллекцию Firestore с схемой, содержащей поле с типом данных пути к изображению. image-path-field

2. Загрузка подписи [Действие]​

Используя это действие, вы можете загрузить нарисованную подпись в Хранилище Firebase. Это действие возвращает загруженный URL, который можно использовать для отображения содержимого или сохранения в базе данных для последующего доступа.

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

  1. Выберите Виджет (например, кнопка), на котором вы хотите определить действие.
  2. Выберите Действия из панели свойств (правое меню) и нажмите Открыть. Это откроет Редактор действий в новом всплывающем окне.
    1. Нажмите на + Добавить действие.
    2. Справа найдите и выберите Загрузить подпись.
    3. Установите Подпись для загрузки на имя виджета подписи. (например, Подпись по умолчанию).
  3. Нажмите Закрыть.

3. Передача URL изображения подписи в поле документа​

Действие Загрузить подпись (добавлено на предыдущем шаге) возвращает URL изображения подписи. Вы можете использовать его для передачи в поле документа, добавив действие, которое создает или обновляет документ, такие как Создать документ или Обновить документ.

Вот шаги подробно:

  1. Выберите Виджет (например, кнопку), для которой вы хотите добавить действие.
  2. Выберите Действия из панели свойств (правое меню), и нажмите Открыть. Это откроет Редактор действий в новом всплывающем окне.
    1. Выберите уже добавленное Действие Загрузить подпись, нажмите на кнопку + внизу окна и выберите Добавить действие.
    2. Справа найдите и выберите Создать документ или Обновить документ.
    3. Если вы выбрали Создать документ.
      1. Установите Коллекцию на имя вашей коллекции (например, todo).
    4. Если вы выбрали Обновить документ, установите ссылку на документ для обновления.
      1. Если у вас есть доступ к документу, установите Источник на фактический документ и Доступные опции на ссылку.
    5. В разделе Установить поля нажмите на кнопку + Поле.
    6. Нажмите на имя поля, пока не увидите поля, которые хранят значение слайдера.
      1. Установите Источник значения на Из переменной.
      2. Нажмите на СБРОС (это откроет всплывающее окно слева).
      3. Выберите Состояние виджета, а затем выберите URL загруженной подписи.
    7. Закройте редактор действий.

Очистка подписи [Действие]​

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

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

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

  2. Выберите Действия из панели свойств (правое меню) и нажмите + Добавить действие.

    1. Поиск и выбор Очистить подпись.
    2. Выберите Поля подписи из списка ниже. Это помогает, если на странице есть несколько виджетов подписи, и вы хотите очистить только выбранные.

  3. Нажмите Закрыть.

Настройка​

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

Настройка ручки​

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

  1. Выберите виджет Подпись из дерева виджетов или области холста.
  2. Перейдите в панель свойств, прокрутите вниз до раздела Подпись.
  3. Найдите свойство Цвет ручки и щелкните на квадрат рядом с уже выбранным цветом, выберите цвет, затем нажмите Использовать цвет или щелкните на уже выбранном цвете и введите прямо код Hex.
  4. Найдите свойство Ширина штриха ручки и введите значение. Большее значение увеличивает толщину штриха.