Ver gráficos

Artículo
10/07/2008

Actualización: noviembre 2007

En esta lección, aprenderá a usar los métodos gráficos de Visual Basic para dibujar en un formulario.

En una lección anterior, aprendió a mostrar imágenes en un formulario utilizando un control PictureBox. Eso funciona bien si ya tiene una imagen, pero a veces deseará dibujar algo directamente en el formulario. Por ejemplo, puede desear dibujar una línea para separar dos campos o un círculo para resaltar una etiqueta importante.

En Visual Basic, puede usar métodos gráficos para dibujar prácticamente cualquier cosa en un formulario o en un control.

Fundamentos de gráficos

Antes de comenzar a dibujar, hay algunas cosas que debe saber. La pantalla de un equipo se compone de miles de puntos diminutos llamados píxeles; al definir el color de cada píxel, el programa controla lo que se muestra en la pantalla. Por supuesto, la mayoría de este trabajo ya se realiza automáticamente en el código que define formularios y controles.

Piense en un formulario como en un lienzo en el que puede dibujar o pintar: al igual que un lienzo real, un formulario tiene dimensiones. Mientras un lienzo real se mide en pulgadas o centímetros, un formulario se mide en píxeles. Un sistema de coordenadas determina donde se ubica cada píxel, con la coordenada X que mide de izquierda a derecha y la coordenada Y que mide de arriba a abajo.

Las coordenadas se inician en la esquina superior izquierda del formulario, de manera que si desea dibujar un punto único 10 píxeles desde la izquierda y 10 píxeles hacia abajo, las coordenadas X e Y se expresarán como 10, 10.

Los píxeles también se utilizan para expresar el ancho y alto de los gráficos. Para definir un cuadrado que tiene 100 píxeles de ancho y 100 píxeles de alto, cuya esquina superior izquierda se encuentra 10 píxeles a la izquierda y 10 píxeles hacia abajo, se expresará en coordenadas como 10, 10, 100, 100.

El acto de dibujar en la pantalla se conoce como pintar. Los formularios y controles tienen un evento Paint que aparece siempre que es necesario volver a dibujarlo, por ejemplo cuando se muestra un formulario por primera vez o cuando otra ventana lo ha cubierto. Generalmente, cualquier código que escribe para mostrar los gráficos lo tiene el controlador de eventos Paint.

Dibujar una línea

Para dibujar una línea en un formulario, hay dos cosas que debe definir: las coordenadas y el color. Como se observó anteriormente, las coordenadas X e Y se expresan en píxeles. Para una línea, hay dos conjuntos de coordenadas: la ubicación inicial seguida por la ubicación final.

Al igual que utilizaría un lápiz para dibujar una línea en una hoja de papel, Visual Basic usa un objeto Pen para dibujar en el formulario. Pen define el aspecto de la línea; en este caso, el color. En el siguiente procedimiento, dibujará líneas horizontales, verticales y diagonales en un formulario.

Inténtelo

Para dibujar líneas

En el menú Archivo, elija Nuevoproyecto.
En el panel Plantilla, en el cuadro de diálogo Nuevo proyecto, haga clic en Aplicación para Windows.
En el cuadro Nombre, escriba Lines y haga clic en Aceptar.

Se abre un nuevo proyecto de formularios Windows Forms.
Haga doble clic en el formulario para abrir el Editor de código y seleccione Pintar de la lista desplegable Eventos.

En el controlador de eventos Form1_Paint, agregue el siguiente código.

' Draw a 400 pixel black line 25 pixels from the top of the form.
e.Graphics.DrawLine(Pens.Black, 0, 25, 400, 25)
' Draw a 500 pixel red line 100 pixels from the left of the form.
e.Graphics.DrawLine(Pens.Red, 100, 0, 100, 500)
' Draw a diagonal blue line from the upper left to the lower right.
e.Graphics.DrawLine(Pens.Blue, 0, 0, Me.Width, Me.Height)

Presione F5 para ejecutar el programa. Debe ver tres líneas en el formulario.

Pasos siguientes

En esta lección, aprendió los fundamentos de los gráficos y cómo dibujar líneas. En la siguiente lección, aprenderá a dibujar formas como rectángulos y círculos.

Siguiente lección: Dibujar formas en un formulario