Captura de firmas plataformas móviles

Componente QML que permite incorporar a tus aplicaciones móviles en Velneo la captura de firmas e insertar una marca de agua en el fondo o al frente de la firma.

Se puede cambiar el grosor del trazo, color y fondo de la captura, aunque lo más habitual sea negro sobre fondo blanco puedes cambiar el aspecto de tu captura, además detecta la velocidad y presión de esta forma el trazo se asemeja a una firma manuscrita.

Fácil de implementar heredas o copias los componentes en tu caja, creas el objeto si lo deseas asignas parámetros para color, grosor del trazo y listo.

Admite auto guardado, por lo tanto una vez que firmas  el gráfico de la firma se guarda de forma automática, podemos insertar una marca de agua que sea texto o imagen, pudiendo indicar la posición de la misma, centro, esquinas superior o inferior, derecha o izquierda, también podemos indicar la transparencia de la imagen que utilizamos para la marca de agua.

¿Cómo funciona?

Solo tienes que heredar el componente en tu aplicación o copiar las carpetas correspondientes, no utiliza tablas ni variables de ningún tipo, el proceso guarda las capturas en variables locales del objeto creado, ejemplo:

Crear manejador de objeto ( signpad, Formulario QML SIGNPAD@SignPad )
Disparar objeto ( signpad, No aplicable, )
Libre
Get variable local de objeto ( signpad, DATA, DATA )
Modificar campo ( BASE64, DATA )
Importar dibujo ( FIRMA, sysCacheClientPath +"canvas.png", )

  • Parámetros admitidos

    CAPTURETYPE (tipo de captura)
    1= captura solo base64
    2= solo archivo, se guarda en sysCacheClientPath + canvas.jpg
    3= base64 y archivo
    Ejemplo: Interfaz: Set variable local de vista de datos ( SIGNPAD, CAPTURETYPE, 2 )

    SHOWCANCELBUTTON (Muestra el botón cancelar en el formulario dela firma )
    0= oculto
    1= visible
    Ejemplo: Interfaz: Set variable local de vista de datos ( SIGNPAD, SHOWCANCELBUTTON, 0 )

    SHOWSAVEBUTTON ( muestra el botón guardar en el formulario de la firma )
    0= oculto
    1= visible
    Ejemplo: Interfaz: Set variable local de vista de datos ( SIGNPAD, SHOWSAVEBUTTON, 1 )

    TITLE ( título descriptivo captura de la firma )
    Ejemplo: Interfaz: Set variable local de vista de datos ( SIGNPAD, TITLE, «Firma en el recuadro de arriba» )

    AUTOSAVE ( guarda de forma desatendida la captura de la firma, el botón save no es necesario )
    0= autoguardado deshabilitado
    1= autoguardado habilitado
    Ejemplo: Interfaz: Set variable local de vista de datos ( SIGNPAD, AUTOSAVE, 1 )

    AWAIT ( tiempo en milisegundos para el autoguardado (1000) se guarda cada segundo )
    Ejemplo: Interfaz: Set variable local de vista de datos ( SIGNPAD, AWAIT, 1000 )

    CLEAR (/ limpiar después de guardar )
    0= no se limpia
    1= se limpia tablero firma
    Ejemplo: Interfaz: Set variable local de vista de datos ( SIGNPAD, CLEAR, 1 )

    SHOWBORDER ( mostrar borde decorativo )
    0= oculto
    1= visible
    Ejemplo: Interfaz: Set variable local de vista de datos ( SIGNPAD, SHOWBORDER, 1 )

    SHOWLINE ( mostrar linea decorativa en la parte de abajo )
    0= oculta
    1=visible
    Ejemplo: Interfaz: Set variable local de vista de datos ( SIGNPAD, SHOWLINE, 1 )

    BORDERCOLOR ( color del borde, debe ser en hexadecimal CSS , #fff )
    Ejemplo: Interfaz: Set variable local de vista de datos ( SIGNPAD, BORDERCOLOR, «grey» )

    BACKGROUNDCOLOR ( color del FONDO, debe ser en hexadecimal CSS , #fff )
    Ejemplo: Interfaz: Set variable local de vista de datos ( SIGNPAD, BACKGROUNDCOLOR, «#fff» )

    PENCOLOR ( color del lapiz, debe ser en hexadecimal CSS , #000 )
    Ejemplo: Interfaz: Set variable local de vista de datos ( SIGNPAD, PENCOLOR, «#000» )

    Características del trazado
    MINWIDTH (largo mínimo del trazo)
    MAXWIDTH( largo máximo del trazo)
    DOTSIZE (grosor del punto(trazo)
    VELOCITYFILTER (velocidad para cambio entre mínimo y máximo)
    Ejemplo:
    Interfaz: Set variable local de vista de datos ( SIGNPAD, MINWIDTH, 0.5 )
    Interfaz: Set variable local de vista de datos ( SIGNPAD, MAXWIDTH, 2.5 )
    Interfaz: Set variable local de vista de datos ( SIGNPAD, DOTSIZE, 3/2 )
    Interfaz: Set variable local de vista de datos ( SIGNPAD, VELOCITYFILTER, 0.7 )

    Marca de agua, puede ser un texto una imagen o ambos

    WATERMARKIMG (imagen, se debe anteponer file:/// )
    Ejemplo: Interfaz: Set variable local de vista de datos ( SIGNPAD, WATERMARKIMG, «file:///»+ sysCacheClientPath + «LOGO.png» )

    WATERMARKTEXT (texto marca de agua)
    Ejemplo: Interfaz: Set variable local de vista de datos ( SIGNPAD, WATERMARKTEXT, «www.bitcodesoft.com» )

    POSITION (posición de la marca de agua)
    top-left = esquina izquierda superior
    top-right = esquina derecha superior
    bottom-left= esquina izquierda inferior
    bottom-right = esquina derecha inferior
    center = centrado
    Ejemplo: Interfaz: Set variable local de vista de datos ( SIGNPAD, POSITION, «bottom-right» )

    WATERMARKORDER ( Orden Z )
    front = última capa, por encima de todo
    backward = la primera capa, por debajo de todo
    Ejemplo: Interfaz: Set variable local de vista de datos ( SIGNPAD, WATERMARKORDER, «front» )

    WATERMARKALPHA (transparencia)
    Valor entre 0 y 1, siendo 1 sin transparencia
    Ejemplo: Interfaz: Set variable local de vista de datos ( SIGNPAD, WATERMARKALPHA, 0.40 )

    FONTSIZE (tamaño fuente)
    Ejemplo: Interfaz: Set variable local de vista de datos ( SIGNPAD, FONTSIZE, 18 )

Categoría: QML

Plataforma: Multiplataforma, Velneo 7

Sin objeto HTML, QML 2

Colores configurables

Color de fondo configurable

Compatible con móviles soportados

Autoguardado

Marca de agua (opcional)

Código abierto

Categoría: QML