PictureBox
Picture Box
Este control sirve para mostrar imágenes. En el cuadro de herramientas se reconoce por que su ícono tiene la figura de una montaña con un sol.
Y una vez agregado al formulario se ve así:
![4801 4801](/uploads/cursos/6674/27744_4801.png)
Si da clic en el control Picture Box y luego en la pestaña que se ve, tendrá acceso a un menú, en donde puede elegir como se desplegará la imagen.
Una de las que mejor funcionan es la característica StretchImage y el Zoom pero es bueno que pruebe cada una de ellas para ver el resultado.
![4802 4802](/uploads/cursos/6674/27745_4802.png)
Insertar Imagen en un PictureBox
Para insertar una imagen en un Picture Box lo puede hacer dando clic derecho sobre el control PictureBox que está en el formulario y en el menú que se muestra debe seleccionar Elegir imagen, que le abrirá una ventana en donde le da la opción de abrir un archivo local o un archivo de recurso del proyecto.
También lo puede hacer desde la propiedad Imagen del Control PictureBox que le abrirá la misma ventana.
![4803 4803](/uploads/cursos/6674/27746_4803.es.png)
![4804 4804](/uploads/cursos/6674/27747_4804.es.png)
Ponga un Check en Recurso local y se activará el botón Importar y al darle clic le abrirá una ventana que le permitirá buscar una imagen en su PC.
En este paso, elija una imagen que tenga guardada en los archivos de su computadora.
![4805 4805](/uploads/cursos/6674/27748_4805.es.png)
El contenido de la ventana será diferente de acuerdo a lo que usted tenga en su ordenador o PC.
Una vez que eligió la imagen, dé clic en Abrir y aparecerá la siguiente ventana…
![4806 4806](/uploads/cursos/6674/27750_4806.es.png)
De Clic en Aceptar y la imagen quedará insertada en el control PictureBox.
![4807 4807](/uploads/cursos/6674/27749_4807.es.png)
Observe que la imagen no se ve completa; por lo que debe corregirla dando clic en el PictureBox para seleccionarlo y luego clic en la pestañita que aparece en la parte superior del control.
![4808 4808](/uploads/cursos/6674/27751_4808.es.png)
Y en el menú que se despliega elegir Stretch y la imagen será visible completamente en el Control Picture Box.
![4809 4809](/uploads/cursos/6674/27753_4809.es.png)
Ahora ejecute el programa dando clic en la tecla play o presionando F5 ó eligiendo Iniciar depuración del menú Depurar.
(¡Se fija! solo en las dos líneas anteriores tiene tres formas de ejecutar un programa).
Y el resultado final es un Control PictureBox mostrando una Imagen.
![4810 4810](/uploads/cursos/6674/27752_4810.es.png)
Zoom en PictureBox
Para simular un zoom o ampliación de imagen en un PictureBox se hace referencia al ancho y el alto de la imagen.
Ejercicio:
- Cree un nuevo proyecto con el nombre Zoom.
- Configure en el Formulario, la propiedad AutoScroll en True para que al ampliar la imagen en el formulario pueda moverse usando la barra de desplazamiento horizontal o vertical
![4811 4811](/uploads/cursos/6674/27754_4811.es.png)
- Inserte un control PictureBox y elija una imagen, configúrele la propiedad Stretch
- Dé doble clic en el PictureBox para abrir el editor de código y escriba las siguientes instrucciones.
PictureBox1.Height = PictureBox1.Height + 25
PictureBox1.Width = PictureBox1.Width + 25
El código completo queda como se ve en la siguiente imagen y observe que el código se escribe en el evento clic del control PictureBox
![4812 4812](/uploads/cursos/6674/27755_4812.png)
El código ordena que, cada vez que se dé un clic en el PictureBox, la imagen aumente en 25 su ancho y altura.
- Ejecute el programa usando el método que prefiera.
![4813 4813](/uploads/cursos/6674/27756_4813.es.png)
Observe como al hacer Zoom en la imagen, aparecen barras de desplazamiento horizontal y vertical, para moverse en toda la imagen.
![4814 4814](/uploads/cursos/6674/27758_4814.es.png)
- Guarde y cierre el proyecto, desde el menú Archivo---à Guardar todo
Ejercicio: Zoom usando botones.
Cree un proyecto con el nombre BotonZoom y en el formulario agregue un PictureBox y dos botones uno con la propiedad Text =Acercar y el otro = Alejar.
La propiedad AutoScroll del formulario la configura así: AutoScroll =True.
En PictureBox elija la imagen que desee y tenga en su computadora.
En el código del botón Acercar escriba:
PictureBox1.Height = PictureBox1.Height + 15
PictureBox1.Width = PictureBox1.Width + 15
Con este código cada vez que se dé clic en la imagen aumentará su altura y ancho en +15
Y en el botón Alejar escriba:
PictureBox1.Height = PictureBox1.Height - 15
PictureBox1.Width = PictureBox1.Width - 15
Con este código cada vez que se dé clic en la imagen disminuirá su altura y ancho en -15
![4815 4815](/uploads/cursos/6674/27757_4815.es.png)
Guarde el proyecto con el método que ya conoce.