Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
En una lección anterior, apr<strong>en</strong>dió a mostrar imág<strong>en</strong>es <strong>en</strong> un formulario<br />
utilizando un control PictureBox. Eso funciona bi<strong>en</strong> si ya ti<strong>en</strong>e una imag<strong>en</strong>,<br />
pero a veces deseará dibujar algo directam<strong>en</strong>te <strong>en</strong> el formulario. Por ejemplo,<br />
puede desear dibujar una línea para separar dos campos o un círculo para<br />
resaltar una etiqueta importante.<br />
En <strong>Visual</strong> <strong>Basic</strong>, puede utilizar métodos de gráficos para dibujar prácticam<strong>en</strong>te<br />
cualquier cosa <strong>en</strong> un formulario o <strong>en</strong> un control.<br />
Fundam<strong>en</strong>tos de gráficos<br />
Antes de com<strong>en</strong>zar a dibujar, hay algunas cosas que debe saber. La pantalla de<br />
un equipo se compone de miles de puntos diminutos llamados píxeles; al<br />
definir el color de cada píxel, el programa controla lo que se muestra <strong>en</strong> la<br />
pantalla. Por supuesto, la mayoría de este trabajo ya se realiza<br />
automáticam<strong>en</strong>te <strong>en</strong> el código que define formularios y controles.<br />
Pi<strong>en</strong>se <strong>en</strong> un formulario como <strong>en</strong> un li<strong>en</strong>zo <strong>en</strong> el que puede dibujar o pintar: al<br />
igual que un li<strong>en</strong>zo real, un formulario ti<strong>en</strong>e dim<strong>en</strong>siones. Mi<strong>en</strong>tras un li<strong>en</strong>zo<br />
real se mide <strong>en</strong> pulgadas o c<strong>en</strong>tímetros, un formulario se mide <strong>en</strong> píxeles. Un<br />
sistema de coord<strong>en</strong>adas determina donde se ubica cada píxel, con la<br />
coord<strong>en</strong>ada X que mide de izquierda a derecha y la coord<strong>en</strong>ada Y que mide de<br />
arriba a abajo.<br />
Las coord<strong>en</strong>adas se inician <strong>en</strong> la esquina superior izquierda del formulario, de<br />
manera que si desea dibujar un punto único 10 píxeles desde la izquierda y 10<br />
píxeles hacia abajo, las coord<strong>en</strong>adas X e Y se expresarán como 10, 10.<br />
Los píxeles también se utilizan para expresar el ancho y alto de los gráficos.<br />
Para definir un cuadrado que ti<strong>en</strong>e 100 píxeles de ancho y 100 píxeles de alto,<br />
cuya esquina superior izquierda se <strong>en</strong>cu<strong>en</strong>tra 10 píxeles a la izquierda y 10<br />
píxeles hacia abajo, se expresará <strong>en</strong> coord<strong>en</strong>adas como 10, 10, 100, 100.<br />
El acto de dibujar <strong>en</strong> la pantalla se conoce como pintar. Los formularios y<br />
controles ti<strong>en</strong><strong>en</strong> un ev<strong>en</strong>to Paint que aparece siempre que es necesario volver a<br />
dibujarlo, por ejemplo cuando se muestra un formulario por primera vez o<br />
cuando otra v<strong>en</strong>tana lo ha cubierto. G<strong>en</strong>eralm<strong>en</strong>te, cualquier código que<br />
escribe para mostrar los gráficos lo ti<strong>en</strong>e el controlador de ev<strong>en</strong>tos Paint.<br />
Dibujar una línea<br />
Para dibujar una línea <strong>en</strong> un formulario, hay dos cosas que debe definir: las<br />
coord<strong>en</strong>adas y el color. Como se observó anteriorm<strong>en</strong>te, las coord<strong>en</strong>adas X e Y<br />
se expresan <strong>en</strong> píxeles. Para una línea, hay dos conjuntos de coord<strong>en</strong>adas: la<br />
ubicación inicial seguida por la ubicación final.<br />
Al igual como utilizaría un lápiz para dibujar una línea <strong>en</strong> una página de papel,<br />
<strong>Visual</strong> <strong>Basic</strong> Expressutiliza un objeto P<strong>en</strong> para dibujar <strong>en</strong> el formulario. P<strong>en</strong><br />
Everts Garay | Granada, Nicaragua| Paseo por <strong>Visual</strong> <strong>Basic</strong> <strong>2008</strong> 153