En Velneo tenemos el control Imagen SVG que mostrará un objeto Imagen SVG del proyecto de aplicación. Esto nos limita a imágenes estáticas.

El API de Velneo ha aportado un poco de dinamismo al control Imagen SVG. La función load( String pathFile ) nos permitirá cargar en ejecución un fichero SVG desde disco. No es la solución perfecta y esperemos que incluyan pronto la función loadFromData(VByteArray).

Así que con el control Imagen SVG ya podemos conseguir nuestro primer objetivo, mostrar un calendario altamente personalizado. Como ya habrás imaginado con este control solo podemos mostrar información, no tenemos interacción con el usuario porque el motor de Velneo solo renderiza los elementos SVG sin gestionar eventos.

Con esta primera opción ya podemos crear fácilmente por ejemplo un Calendario anual como el siguiente:

La imagen muestra un Casillero de Velneo con 12 formularios.
Cada Formulario del Casillero lee el código SVG de un registro y lo muestra en un control Imagen SVG.

Para conseguir el segundo objetivo, interacción con el Usuario, no tenemos más remedio que acudir a JavaScript ejecutándose en el Visor HTML.

Los elementos SVG se integran en el DOM (modelo de objetos del documento) del Visor HTML de Velneo y por lo tanto podremos manipularlos dinámicamente mediante JavaScript. Recuerda que SVG renderiza gráficos vectoriales y por lo tanto son independientes de la resolución.

Por lo tanto tenemos que diseñar un mecanismo que nos permita mostrar un Calendario en el Visor HTML y que los cambios que haga el usuario puedan grabarse en una tabla de Velneo.

A la derecha el Usuario marca Citas en el Calendario y a la izquierda la Imagen SVG del Casillero mostrará los cambios de forma inmediata.







Created with the Personal Edition of HelpNDoc: Easily create PDF Help documents