Comunidad de diseño web y desarrollo en internet online

Visualizador RGB con Visual Basic.NET

Hola a todos, siguiendo con las aplicaciones básicas de Visual Basic, ésta vez vamos a realizar un Visualizador de colores RGB sencillo, para ver el funcionamiento de los scroll o los trackbar. Recuerda descargar Visual Basic 2008 y leer el tutorial de Visual Basic .NET antes de continuar.

Diseño de la interfaz


Para empezar, abrimos un nuevo proyecto Windows Forms, de nombre yo le he puesto VisualizadorRGB, le podéis poner cualquiera, o directamente no poner nada y saldrá WindowsApplication1.


Ampliamos el formulario para poder introducir correctamente todos los controles, que serán 4 Trackbar(O podéis usar el control VScrollBar), 4 labels y un PictureBox. Yo usaré los TrackBar.


Arrastramos los cuatro TrackBar al Formulario:


Y los ponemos tal que así:


Realmente podéis ponerlos horizontales o verticales, el funcionamiento será el mismo, no cambiará el resultado.

Una vez que los TrackBar están en su sitio, añadimos nuestro PictureBox, que será donde se verán los resultados de cambiar el valor de los scroll.


Para darle un toque mas elegante, he añadido un borde al PictureBox. No es necesario, simplemente es eso, un toque elegante...pero por si quereis hacerlo, le poneis la propiedad BorderStyle en Fixed3D:


Añadimos los cuatro labels, uno a cada lado de los TrackBar, que serán para saber que color es cada uno: Rojo, Verde, Azul y el último el Alpha. Y por ahorá nos quedará así (aún sólo estamos con el diseño):


Ahora cambiaremos ciertas propiedades para darles valor a los TrackBar, y para empezar, cambiamos la propiedad Maximum en 255 y Minimum en 0


Cambiamos la propiedad TickFrequency en 20, para que cada salto del TrackBar sea de 20 y lo mismo con la propiedad LargeChange.



Código del selector de color


Ponemos nombre a todos los controles(Propiedad Name): tr_Rojo, tr_Verde, tr_Azul y tr_Alpha. Al PictureBox lo dejamos tal cual, PictureBox1.


Ahora vamos a dar doble click sobre cada uno de los cuatro controles, y en el hueco dejado por VB, pondremos la declaración siguiente:

Código :

cambiar_color()

Quedarán todos así:


Nos mostrará que hay errores, porque aun no hemos declarado la función "Cambiar_color" .


Declaramos la función "cambiar_color" poniendo el siguiente código debajo de las declaraciones anteriores:

Código :

Sub cambiar_color()
Me.PictureBox1.BackColor = Color.FromArgb(tr_Alpha.Value, tr_Rojo.Value, tr_Verde.Value, tr_Azul.Value)
End Sub

Éste código lo que hace, es coger el valor(De ahi "tr_color.Value") de cada TrackBar y modificar el color del PictureBox que se encuentra en el formulario actual (De ahi "Me.PictureBox1.BackColor) y lo pasa a color RGB.

Así acaba éste Visualizador de colores RGB con VisualBasic.NET, ahora probamos la aplicación y nos mostrará en el PictureBox el valor que pongamos en cada TrackBar de los colores.

Compilando y ejecutando


Recordad que si el valor del trackbar Alpha es 0, no se verá ningún color en el PictureBox...


Primero hay que aumentar el nivel de Alpha:


Luego modificamos cualquier TrackBar de un color solo, y veremos que funciona correctamente:




Por último mezclamos todos los colores y podemos conseguir cualquiera:


Espero que os haya gustado!

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

Publica tu comentario

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate