Lec 7

Visual Basic 2015 Lección 7: Trabajar con cuadro de imagen

Cuadro de imagen es un control en Visual Basic 2015 que se utiliza para mostrar imágenes .En la lección 3, que ya hemos aprendido cómo insertar un cuadro de imagen en el formulario en Visual Basic 2015. Sin embargo, no hemos aprendido cómo cargar una imagen en el cuadro de imagen aún. En esta lección, vamos a aprender a cargar una imagen en el cuadro de imagen en tiempo de diseño y en tiempo de ejecución. 

Además de eso, también aprenderemos cómo utilizar un control común de diálogo para buscar archivos de imagen en las unidades locales y luego seleccionar y cargar una imagen en particular en el cuadro de imagen.

7.1 Cargando una imagen en un cuadro de imagen

7.1.1 Cargando una imagen en tiempo de diseño

En primer lugar, insertar un cuadro de imagen en el formulario y cambie su propiedad de texto al espectador del cuadro, su propiedad border FixedSingle y su color de fondo a blanco. También puede ser que desee cambiar el modo de tamaño de la imagen para estirable de modo que la imagen se adapta en el cuadro de imagen. Ahora haga clic en el cuadro de imagen para llevar a cabo su ventana de propiedades. En la ventana de propiedades, vaya a la propiedad de la imagen, como se muestra en la Figura 7.1

Figura 7.1: Cuadro ventana Propiedades de cuadro

A continuación, haga clic en el botón gris en su derecho a llevar a cabo el diálogo "Seleccionar origen", tal como se muestra en la Figura 7.2

Figura 7.2: Seleccionar Fuente de diálogo

Ahora seleccione la fuente local y haga clic en el botón Importar para abrir el cuadro de diálogo Abrir y ver los archivos de imagen disponibles en las unidades locales, como se muestra en la Figura 7.3

Figura 7.3

Por último, seleccione la imagen que le guste y haga clic en el botón de apertura, la imagen se mostrará en el cuadro de imagen, como se muestra en la Figura 7.4

Figura 7.4

7.1.2 Cargando una imagen en tiempo de ejecución

En Visual Basic 2015, una imagen también se puede cargar en tiempo de ejecución utilizando el método de FromFile del control de imagen, como se muestra en el siguiente ejemplo.

Private Sub Form1_Load (remitente como objeto, e como EventArgs) Maneja MyBase.Load

PictureBox1.Image = Image.FromFile ( "C: \ Users \ Toshiba \ imágenes \ sporetrip2014 \ fish.jpg")

End Sub

* Es necesario buscar una imagen en la unidad local y determinar su ruta antes de escribir el código.

Ejecutar el programa mostrará la misma imagen en el cuadro de imagen como en la figura 7.4

7.2 Cargando una imagen en un cuadro de imagen usando Abrir archivo de diálogo de Control

Hemos aprendido cómo cargar la imagen desde una unidad local en un cuadro de imagen en tiempo de diseño. Ahora vamos a escribir código de manera que el usuario puede navegar por los archivos de imagen en sus unidades locales a continuación, seleccione una imagen particular y lo muestra en el cuadro de imagen en tiempo de ejecución.

En primer lugar, se añade un botón y cambiar su texto para ver y su nombre a btnView. A continuación, añadimos el control OpenFileDialog en el formulario. Este control será invisible en tiempo de ejecución, sino que facilita el proceso de lanzamiento de un cuadro de diálogo y permitir al usuario navegar por sus unidades locales y luego seleccionar y abrir un archivo. 

Para que el OpenFileDialog para visualizar todos los tipos de archivos de imagen, es necesario especificar los tipos de archivos de imagen bajo la propiedad Filter. Antes de eso, cambiar el nombre de OpenFileDialog como OFGSelectImage. A continuación, haga clic en el control OpenFileDialog acceder a su ventana de propiedades. Al lado de la propiedad Filter, especifique los archivos de imagen utilizando el formato:

Los archivos JPEG | * .JPG | Archivos GIF | * .GIF | ventanas de mapas de bits | * .BMP

como se muestra en la Figura 7.5. Estos son los formatos de archivo de imagen comunes. Además de eso, también hay que eliminar el nombre de archivo predeterminado.

Figura 7.5: Ventana de propiedades de OpenFileDialog

A continuación, haga doble clic en el botón Ver e introduzca el código siguiente:

Private Sub BtnView_Click (remitente como objeto, e como EventArgs) Maneja Button1.Click

Si OFGSelectImage.ShowDialog = Entonces Windows.Forms.DialogResult.OK

PictureBox1.Image = Image.FromFile (OFGSelectImage.FileName)

Terminara si

End Sub

Presione F5 para ejecutar el programa y haga clic en el botón Ver, un cuadro de diálogo que muestra todos los archivos de imagen aparecerá, como se muestra en la Figura 7.6

Figura 7.6

Tenga en cuenta que que el archivo de imagen predeterminado es JPEG como lo hemos colocado en el primer lugar en la propiedad Filter. Seleccionar y abrir un archivo de imagen se carga en el cuadro de imagen, como se muestra en la Figura 7.7

Figura 7.7