Paso 7: Agregar componentes de diálogo al formulario

En preparación para la configuración de los cuadros de diálogo Abrir archivo y Color (para elegir un color de fondo), en este paso se agrega un componente OpenFileDialog y un componente ColorDialog al formulario.

En algunos sentidos, un componente es como un control.Se utiliza el Cuadro de herramientas para agregar un componente al formulario y se establecen sus propiedades mediante la ventana Propiedades.Sin embargo, a diferencia de un control, al agregar un componente al formulario no se agrega un elemento visible que el usuario puede ver.En cambio, se proporcionan determinados comportamientos que se pueden desencadenar mediante código.Un componente es lo que abre un cuadro de diálogo Abrir archivo.

Para obtener una versión en vídeo de este tema, vea tutorial 1: Crear un visor de imagen en Visual Basic - vídeo 3 o tutorial 1: Crear un visor de imagen en C# - vídeo 3.

Para agregar componentes de cuadro de diálogo al formulario

1. Vaya al Diseñador de Windows Forms y abra el grupo Cuadros de diálogo en el Cuadro de herramientas.

   [!NOTA]

   El grupo Cuadros de diálogo del Cuadro de herramientas tiene componentes que abren automáticamente muchos cuadros de diálogo de gran utilidad y que se pueden utilizar para abrir y guardar archivos, examinar carpetas y elegir fuentes o colores.En este proyecto se utilizan dos componentes de cuadro de diálogo: OpenFileDialog y ColorDialog.

2. Para agregar un componente denominado a openFileDialog1 al formulario, haga doble clic en OpenFileDialog.Para agregar un componente denominado colorDialog1 al formulario, haga doble clic en ColorDialog en el Cuadro de herramientas.(Este se utiliza en el siguiente paso del tutorial.) Debería aparecer un cuadro gris en la parte inferior del Diseñador de Windows Forms, con un icono para cada uno de los dos componentes de cuadro de diálogo agregados, como se muestra en la siguiente imagen.

   Componentes de cuadro de diálogo

   

3. Vaya al Diseñador de Windows Forms y haga clic en el icono openFileDialog1 en el cuadro gris de la parte inferior del diseñador.Establezca dos propiedades:

   • Establezca la propiedad Filter en lo siguiente (puede copiarlo y pegarlo): Archivos JPEG (*.jpg)|*.jpg|Archivos PNG (*.png)|*.png|Archivos BMP (*.bmp)|*.bmp|Todos los archivos (*.*)|*.*

   • Establezca la propiedad Title en lo siguiente: Seleccionar un archivo de imagen

   [!NOTA]

   Para ver un ejemplo del cuadro de diálogo Abrir archivo en una aplicación diferente, abra el Bloc de notas o Paint y haga clic en Abrir en el menú Archivo.Observe que hay una lista desplegable de tipo de archivo en la parte inferior.Acabamos de utilizar la propiedad Filter del componente OpenFileDialog para configurarla.Observe también que las propiedades Title y Filter están en negrita en la ventana Propiedades.El IDE lo hace para mostrarle todas las propiedades que han cambiado respecto de sus valores predeterminados.

Para continuar o revisar

• Para ir al siguiente paso del tutorial, vea Paso 8: Escribir código para el controlador de eventos del botón Mostrar una imagen.

• Para volver al paso anterior del tutorial, vea Paso 6: Asignar un nombre a los controles de botón.