QMLsign mark

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 )