# Control SVG

Se trata de un objeto con el que podremos crear controles tipo botón, interruptor, etc. para su posterior uso en [formularios](../../buenas-practicas-de-programacion/buenas-practicas-de-rendimiento/formularios). Este objeto estará compuesto por varias [imágenes Svg ](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.](../../inspectores)

Podemos definir una etiqueta por cada idioma presente en el [proyecto.](..)

## 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://3641993963-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://3641993963-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://3641993963-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://3641993963-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://3641993963-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://3641993963-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://3641993963-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://3641993963-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://3641993963-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://3641993963-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://3641993963-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://3641993963-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://3641993963-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://3641993963-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://3641993963-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.
