En esta lección aprenderá a utilizar un control PictureBox para mostrar imágenes y a mostrar una imagen como imagen de fondo en un formulario.
Se dice que una imagen vale más que mil palabras y, de hecho, muchos programas las utilizan para transmitir información. Hay varias maneras de mostrar imágenes en Visual Basic: la más común es utilizando un control PictureBox.
Los controles PictureBox actúan como un contenedor para las imágenes; se elige la imagen que se va a mostrar estableciendo la propiedad Image. La propiedad Image se puede establecer en la ventana Propiedades o se puede escribir el código para decirle al programa cuál imagen se va mostrar.
Otras propiedades útiles para el control PictureBox son la propiedad AutoSize, que determina si PictureBox se expandirá para ajustar la imagen, y la propiedad SizeMode, que se puede utilizar para expandir, centrar o ampliar la imagen dentro del control PictureBox.
Antes de agregar una imagen a un control PictureBox, generalmente se agregará el archivo de imagen al proyecto como un recurso. Una vez que se agrega un recurso al proyecto, puede volver a utilizarlo cuantas veces lo desee: por ejemplo, se puede mostrar la misma imagen en varios lugares.
Inténtelo
Para agregar una imagen como un recurso
-
En el menú Archivo, seleccione Nuevo proyecto.
-
En el cuadro de diálogo Nuevo proyecto, en el panel Plantillas, haga clic en Aplicación para Windows.
-
En el cuadro Nombre, escriba Pictures y haga clic en Aceptar.
Se abre un nuevo proyecto de formularios Windows Forms.
-
En la ventana Explorador de soluciones, haga doble clic en el nodo My Project para abrir el Diseñador de proyectos.
-
En el Diseñador de proyectos, haga clic en la ficha Recursos.
-
Haga clic en Agregar recurso y, a continuación, elija Agregar archivo existente de la lista desplegable.
Se abrirá el cuadro de diálogo Agregar archivo existente a los recursos. Si no ve ningún archivo de imagen, vaya a una carpeta que sí contiene imágenes.
-
Seleccione un archivo de imagen (con una extensión de archivo .bmp, .gif o .jpg) y haga clic en Abrir. Para este ejemplo, es mejor elegir una imagen pequeña.
La imagen se agregará al proyecto y aparecerá en la ventana Administrador de recursos.
-
Repita los dos pasos anteriores para agregar una segunda imagen al proyecto.
-
En el menú Archivo, elija Cerrar. Si se le solicita guardar los cambios, elija Sí.
Para mostrar imágenes utilizando un control PictureBox
-
En el Explorador de soluciones, seleccione Form1.vb y en el menú Ver elija Diseñador.
-
En el Cuadro de herramientas, arrastre un control PictureBox hasta el formulario.
-
En la ventana Propiedades, haga clic en el botón ... ubicado junto a la propiedad Image para abrir el cuadro de diálogo Seleccionar recurso.
-
En la lista Entrada, elija una de las imágenes que agregó y haga clic en Aceptar.
-
Seleccione la propiedad SizeMode y establézcala en AutoSize.
Observe cómo el control PictureBox cambia automáticamente de tamaño para ajustar la imagen.
-
En el formulario, haga doble clic en el control PictureBox para abrir el controlador de eventos PictureBox1_Click en el Editor de código.
-
Agregue el código siguiente al controlador de eventos PictureBox1_Click.
.gif) Nota |
|---|
| Deberá reemplazar "MyPictureName2" con el nombre real de la segunda imagen que agregó anteriormente. |
PictureBox1.Image = My.Resources.MyPictureName2
-
Presione F5 para ejecutar el programa. Cuando aparece el formulario, haga clic en la imagen para que aparezca la segunda imagen.
Mostrar una imagen de fondo en un formulario
Además de mostrar una imagen en un control PictureBox, también puede mostrar una imagen como el fondo para el formulario. La propiedad BackgroundImage de un formulario se utiliza para mostrar una imagen que aparecerá detrás de cualquier otro control en el formulario, casi igual que un papel tapiz en el escritorio de Windows.
Así como Windows permite elegir si el papel tapiz está centrado, en mosaico o expandido para rellenar la pantalla, se puede utilizar la propiedad BackgroundImageLayout para hacer lo mismo para un formulario.
| Sugerencia |
|---|
| Muchos de los otros controles, como Panel, GroupBox e incluso el control Button también tienen una propiedad BackgroundImage. Pruébelos. |
Inténtelo
Para mostrar una imagen de fondo en un formulario
-
En el Explorador de soluciones, seleccione Form1.vb y en el menú Ver elija Diseñador.
-
Seleccione el formulario haciendo clic en él fuera del control PictureBox.
-
En la ventana Propiedades, haga clic en el botón ... ubicado junto a la propiedad BackgroundImage para abrir el cuadro de diálogo Seleccionar recurso.
-
En la lista Entrada, elija una de las imágenes que agregó antes y haga clic en Aceptar.
Observe que la imagen se muestra en el formulario detrás de PictureBox y se ordena en mosaico de manera predeterminada.
| Nota |
|---|
| Si la imagen en el control PictureBox es demasiado grande, es posible que no se pueda ver la imagen de fondo. En este caso, seleccione el control PictureBox y arrástrelo hacia la parte inferior del formulario. |
-
Seleccione la propiedad BackgroundImageLayout y establézcala en Stretch.
Observe cómo la imagen se expande para rellenar todo el formulario.
-
Haga doble clic en el formulario para abrir el Editor de código.
-
Asegúrese de que Eventos de Form1 esté seleccionado en el cuadro desplegable del lado izquierdo y elija Hacer clic desde el cuadro desplegable del lado derecho.
-
Agregue el código siguiente al controlador de eventos Form1_Click
If Me.BackgroundImageLayout = ImageLayout.Stretch Then
Me.BackgroundImageLayout = ImageLayout.Center
Else
Me.BackgroundImageLayout = ImageLayout.Stretch
End If
-
Presione F5 para ejecutar el programa. Cuando aparece el formulario, haga clic en él para cambiar el diseño.
Pasos siguientes
En esta lección, aprendió a utilizar el control PictureBox para mostrar imágenes y también aprendió a utilizar la propiedad BackgroundImage de un formulario. En la siguiente lección aprenderá a crear menús para presentar opciones a los usuarios.
Próxima lección: Proporcionar opciones al usuario: crear menús en tiempo de diseño
Vea también