# Control SVG Se trata de un objeto con el que podremos crear controles tipo botón, interruptor, etc. para su posterior uso en [formularios](https://doc.velneo.com/29/velneo-vdevelop/buenas-practicas-de-programacion/buenas-practicas-de-rendimiento/formularios). Este objeto estará compuesto por varias [imágenes Svg ](https://doc.velneo.com/29/velneo-vdevelop/proyectos-objetos-y-editores/proyecto-de-aplicacion/formulario/controles-de-visualizacion/imagen-svg-control)(gráficos vectoriales), cada una de las cuales se corresponderá con un estado del control. Para crear un objeto de este tipo seleccionar la opción **nuevo objeto/control svg** del menú **objetos** de Velneo vDevelop o a través de la galería de objetos. Las propiedades de este objeto son: ## Identificador Etiqueta alfanumérica que identifica de forma unívoca al objeto dentro del proyecto. Este identificador será el que usemos para referenciarlo en otras propiedades de otros objetos. El **identificador** constará de mayúsculas y números exclusivamente. Al identificar de forma unívoca un objeto no puede haber duplicidad. ## Nombre Etiqueta alfanumérica que servirá como descriptor del objeto. Se usará para presentar información del objeto en otros objetos y en los [inspectores.](https://doc.velneo.com/29/velneo-vdevelop/inspectores) Podemos definir una etiqueta por cada idioma presente en el [proyecto.](https://doc.velneo.com/29/velneo-vdevelop/proyectos-objetos-y-editores) ## Estilos Podemos definir el estilo **privado** que limita el acceso del usuario final al objeto desde puntos donde no se haya programado el acceso al mismo. ## Comentarios Esta propiedad nos permite documentar el uso del objeto. ## Tipo de control Esta propiedad nos permite definir el tipo de control que conformará el objeto. Los valores posibles son: ## Botón Svg Permite crear un control gráfico de tipo botón. Al seleccionarlo se activarán tres nuevas propiedades, que son: ### SVG 1 En esta propiedad tendremos que seleccionar un objeto imagen Svg incluido en el proyecto o en proyectos heredados, que se corresponda con el estado **normal** del botón. ![](https://2403970030-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7D2zitZhY9szSsa5EK%2Fsync%2Fcd847c0c8c6db06d55d6dc0a54937e5e70b46bc5.jpg?generation=1589374098978512\&alt=media) ### SVG 2 En esta propiedad tendremos que seleccionar un objeto imagen Svg incluido en el proyecto o en proyectos heredados, que se corresponda con el estado **pulsado** del botón. ![](https://2403970030-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7D2zitZhY9szSsa5EK%2Fsync%2F6e6b758cd87f955582e924acf079f290a2a395d0.jpg?generation=1589374099558493\&alt=media) ### SVG 3 En esta propiedad tendremos que seleccionar un objeto imagen Svg incluido en el proyecto o en proyectos heredados, que se corresponda con el estado del botón cuando el cursor del ratón pase por encima del mismo (**mouseover**). ![](https://2403970030-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7D2zitZhY9szSsa5EK%2Fsync%2Fde971ab29bc2241abf343bc5e905f23171af582d.jpg?generation=1589374099273977\&alt=media) ## Interruptor Svg Permite crear un control gráfico de tipo interruptor. Al seleccionarlo se activarán dos nuevas propiedades, que son: ### SVG 1 En esta propiedad tendremos que seleccionar un objeto imagen Svg incluido en el proyecto o en proyectos heredados, que se corresponda con el estado **apagado/off** del interruptor. ![](https://2403970030-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7D2zitZhY9szSsa5EK%2Fsync%2F1b8fe41e9b5cc36e29426c6fb05f960d0d2c5b40.jpg?generation=1589374099398253\&alt=media) ### SVG 2 En esta propiedad tendremos que seleccionar un objeto imagen Svg incluido en el proyecto o en proyectos heredados, que se corresponda con el estado **encendido/on** del interruptor. ![](https://2403970030-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7D2zitZhY9szSsa5EK%2Fsync%2Fb66cad9e6cdc9d619baf19e691cd82645241effb.jpg?generation=1589374099450129\&alt=media) ## Switch Svg Permite crear un control gráfico de tipo interruptor-deslizador. ![](https://2403970030-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7D2zitZhY9szSsa5EK%2Fsync%2Fe8d4596f6b07b0bd3deddfda3854111ccc117e0b.jpg?generation=1589374099227834\&alt=media) Al seleccionarlo se activarán cuatro nuevas propiedades, que son: ### SVG 1 En esta propiedad tendremos que seleccionar un objeto imagen Svg incluido en el proyecto o en proyectos heredados, que se corresponda con el **fondo** del interruptor-deslizador. ![](https://2403970030-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7D2zitZhY9szSsa5EK%2Fsync%2Fbc32154ae489a7bd3513a6dda6059209543041f7.jpg?generation=1589374100421544\&alt=media) ### SVG 2 En esta propiedad tendremos que seleccionar un objeto imagen Svg incluido en el proyecto o en proyectos heredados, que se corresponda con el fondo del interruptor-deslizador cuando el cursor del ratón pase por encima del mismo (**mouseover**). ![](https://2403970030-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7D2zitZhY9szSsa5EK%2Fsync%2F74240976254e90fc4724eb1a90313f1cd780028c.jpg?generation=1589374099256160\&alt=media) ### SVG 3 En esta propiedad tendremos que seleccionar un objeto imagen Svg incluido en el proyecto o en proyectos heredados, que se corresponda con el estado **apagado/off** del interruptor-deslizador. ![](https://2403970030-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7D2zitZhY9szSsa5EK%2Fsync%2Fc4cc29d297b21131a1d4adc10b39edc7e52bb008.jpg?generation=1589374100216230\&alt=media) ### SVG 4 En esta propiedad tendremos que seleccionar un objeto imagen Svg incluido en el proyecto o en proyectos heredados, que se corresponda con el estado **encendido/on** del interruptor-deslizador. ![](https://2403970030-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7D2zitZhY9szSsa5EK%2Fsync%2F5aadc973303b5d420b109debbe160423093a4263.jpg?generation=1589374099368110\&alt=media) ## Reloj indicador Svg Permite crear un control gráfico de tipo reloj indicador. ![](https://2403970030-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7D2zitZhY9szSsa5EK%2Fsync%2F327fc14db589d616cf72c1f7caa9e0fe2960ed64.jpg?generation=1589374099768257\&alt=media) Al seleccionarlo se activarán las siguientes propiedades: ### SVG 1 En esta propiedad tendremos que seleccionar un objeto imagen Svg incluido en el proyecto o en proyectos heredados, que se corresponda con el **fondo** del reloj indicador. ![](https://2403970030-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7D2zitZhY9szSsa5EK%2Fsync%2Fb453f73fbabe7559b9b7086a42d91f8350112c8f.jpg?generation=1589374099542920\&alt=media) ### SVG 2 En esta propiedad tendremos que seleccionar un objeto imagen Svg incluido en el proyecto o en proyectos heredados, que se corresponda con la **sombra de la aguja** del reloj indicador. ![](https://2403970030-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7D2zitZhY9szSsa5EK%2Fsync%2F57a4a79d516e9315ed8cacc15bf43605afb0296a.jpg?generation=1589374099328485\&alt=media) ### SVG 3 En esta propiedad tendremos que seleccionar un objeto imagen Svg incluido en el proyecto o en proyectos heredados, que se corresponda con la **aguja** del reloj indicador. ![](https://2403970030-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7D2zitZhY9szSsa5EK%2Fsync%2F8795b1fdaada2ce475f678e2bb58b0e284448fba.jpg?generation=1589374146880171\&alt=media) ### SVG 4 En esta propiedad tendremos que seleccionar un objeto imagen Svg incluido en el proyecto o en proyectos heredados, que se corresponda con la **capa de superposición** del reloj indicador. ![](https://2403970030-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7D2zitZhY9szSsa5EK%2Fsync%2F37a27f285c3c7b677ae5f6223013b22857e73974.jpg?generation=1589374099450065\&alt=media) ### Origen x y Origen y Coordenadas del punto de anclaje de la aguja. ### Mínimo y Máximo Valores mínimo y máximo que contemplará el control. ### Ángulo inicio y Ángulo final Ángulos inicial y final de la aguja del reloj indicador.