Microsoft® Small Basic

Graphics Window

Tiempo estimado para completar esta lección: 1 hora

En esta lección, aprenderás acerca de:

Declaraciones que utiliza el objeto

GraphicsWindow.

Propiedades del objeto GraphicsWindow.

Operaciones del objeto GraphicsWindow.

Graphics Window

Hasta el momento, has utilizado la ventana de texto para entender los fundamentos de la programación utilizando Small Basic.

Introducción a Graphics Window

En esta lección, descubrirás algunas emocionantes capacidades gráficas que ofrece Small Basic.

Empiezas con una ventana gráfica que se puede visualizar mediante el objeto GraphicsWindow.

Propiedades de Graphics Window

Puedes mostrar una ventana gráfica y dibujar formas coloridas en ella si utilizas la operación Show del objeto GraphicsWindow.

Vamos a ver cómo utilizar diferentes propiedades del objeto GraphicsWindow en un programa...

También puedes especificar las propiedades de la ventana gráfica, como su título, altura, ancho y color de fondo.

Propiedades de Graphics Window

PenColor—Si se especifica esta propiedad,

se puede dibujar formas cuyas fronteras son

cualquier color que eliges.

PenWidth—Si se especifica esta propiedad,

puedes dibujar formas cuyas fronteras son

cualquier espesor eliges.

BrushColor—Si se especifica esta

propiedad, puedes rellenar las formas que

dibujas con cualquier color que elijas.

Puedes mejorar las formas que se crean especificando ciertas propiedades del objeto GraphicsWindow. Estas propiedades son las siguientes:

MouseX—Si se especifica esta propiedad, puedes

encontrar la posición horizontal del ratón.

MouseY—Si se especifica esta propiedad, puedes

encontrar la posición vertical del ratón.

Operaciones de Graphics Window

Puedes crear formas coloridas en el programa mediante el uso de las operaciones y sus propiedades.

Esta lista muestra algunas de las

operaciones que se pueden utilizar

para el objeto GraphicsWindow:

DrawRectangle

DrawEllipse

DrawLine

FillRectangle

GetRandomColor

SetPixel

ShowMessage

DrawResizedImage

Explorando el Graphics Window

Al escribir un programa para crear formas, puedes ir explorando las diferentes propiedades y operaciones del objeto GraphicsWindow.

Uso de los Colores en Graphics Window

Puedes utilizar una gama de colores en la ventana gráfica para crear formas coloridas. Echemos un vistazo a algunos de los colores que son compatibles en Small Basic.

También puedes elegir de una variedad de otros colores que incluyen rosa, naranja, amarillo, púrpura, marrón, blanco y gris.

Explorando el Graphics Window

Veamos un ejemplo para explorar más las propiedades y operaciones del objeto GraphicsWindow.

Este ejemplo muestra un cuadro de mensaje, que contiene el texto y un botón Aceptar, y una ventana gráfica, que contiene un diseño como un código de barras con colores al azar.

Explorando el Graphics Window

Se pueden visualizar imágenes mediante el uso de las operaciones de DrawImage y DrawResizedImage del objeto GraphicsWindow. Veamos un ejemplo...

Con la operación de DrawResizedImage, puedes especificar la ruta completa con el nombre de archivo, la ubicación en la pantalla y el nuevo tamaño de la imagen.

Para la operación DrawImage, puedes especificar la ruta del archivo de imagen (c:\filepath\...\filename.jpg), luego el nombre de archivo y la ubicación en la pantalla donde deseas que aparezca la imagen.

Vamos a resumir…

¡Felicidades! Ahora ya sabes cómo:

Mostrar y ocultar el objeto GraphicsWindow.

Dibujar líneas y formas del objeto GraphicsWindow.

Mostrar las imágenes en el objeto GraphicsWindow.

Demuestra lo que sabes

Explora tu creatividad para escribir un programa que muestre una ventana gráfica y realiza los pasos siguientes:

Muestre una ventana gráfica de 640 píxeles de altura y 800 píxeles de ancho.

Muestre dos formas que sean de diferentes colores y que se superponen parcialmente.

Muestre varios rectángulos de colores al azar.

Muestre una imagen redimensionada en una ubicación conveniente en la pantalla.

Muestra un cuadro de mensaje que contiene el texto «¡Tenga un buen día!»