Curso de Visual Basic 2008 - Parte 6

Capitulo 1: Un Tour por Visual Basic 2008
Vea también: Curso de PowerPoint 2008 - Parte 5
Otros cursos de interes: OneNote 2010 - PowerPoint 2010 - Excel y Access Integración

Agregando controles al formulario

Ahora que tiene establecido las propiedades iníciales de su formulario, es hora de crear una interfaz de usuario agregando objetos al formulario. Los objetos que pueden ser colocados en un formulario son llamados controles. Algunos controles tienen una interfaz visible con la cual un usuario puede interactuar, mientras que otros son siempre visibles para los usuarios. Usarás controles de ambos tipos en este ejemplo.

En el lado izquierdo de la pantalla se encuentra una ficha vertical titulada Cuadro de herramientas. Haga clic en él la ficha cuadro de Herramientas para mostrar la ventana Cuadro de herramientas, y haga clic en el signo más al lado de Controles comunes para ver los controles usados comúnmente.

El Cuadro de herramientas contiene todos los controles disponibles en el proyecto, tales como etiquetas y cuadros de texto.

El Cuadro de herramientas se cierra tan pronto como usted haya agregado un control a un formulario. Para hacer visible el Cuadro de herramientas, haga clic en la pequeña imagen de una tachuela ubicada en la barra de titulo del Cuadro de Herramientas.

No quiero que los agregue aun, pero su interfaz Picture VIewer constará de los siguientes controles:

Dos controles Button: Los botones estándar que usted usa para hacer clic en bastantes programas de Windows que ejecuta.

Un control PictureBox: Un control usado para mostrar imágenes a los usuarios.

Un control OpenFileDialog: Un control oculto que expone la funcionalidad al cuadro de dialogo Abrir archivos de Windows.

Ahora tiene que crear un Button que el usuario al hacer clic pueda cerrar el programa Picture Viewer. Aunque podría agregar un nuevo Button al formulario haciendo doble clic en el control Button en el Cuadro de herramientas otra vez, es tiempo de que usted agregue un Button al formulario creando una copia del Button del que ya ha definido. Esto permite que usted fácilmente cree un Button que mantiene el tamaño y otros estilos de atributo del Button original cuando la copia fue hecha.

Para hacer esto, pulse clic derecho en el botón Seleccionar Imagen y clic en Copiar del menú contextual. Luego, clic derecho en cualquier lugar del formulario, y elige la opción Pegar en el menú del formulario.

Nota: Puede también usar el método abreviado Ctrl + C para copiar y Ctrl + V para pegar.

El nuevo botón aparece centrado en el formulario, y seleccionado por defecto. Note que retiene casi todas las propiedades del button original, pero el nombre ha sido restablecido. Cambie las propiedades del botón como lo siguiente:

Propiedad	Valor
Name	btnQuit
Location	262,39
Text	Salir

El último control visible que necesita agregar a los formularios es un control PictureBox. Un PictureBox tiene muchas capacidades, pero el propósito principal es mostrar imágenes, que es precisamente lo que usarás para este ejemplo.

Agregue un nuevo control PictureBox al formulario haciendo doble clic en el elemento PictureBox del Cuadro de herramientas, y establezca las siguientes propiedades:

Propiedad	Valor
Name	picShowPicture
BorderStyle	FixedSingle
Location	8,8
Size	248,275

Después de haber cambiado estas propiedades, su formulario se mostrará como la siguiente imagen.

Clic en el botón Guardar todo en la Barra de herramientas para guardar su trabajo.

Agregando un control Invisible a un formulario

Todos los controles que ha usado están situados en un formulario y poseen una apariencia física cuando un usuario ejecuta la aplicación. No todos los controles tienen una apariencia física. Dichos controles son llamados controles no visuales (o controles invisibles en tiempo de ejecución), no están diseñados para dirigir la interactividad del usuario. En su lugar, estos están diseñados para dar, al programador, funcionalidades más allá de las características estándar de Visual Basic.

Para permitir a los usuarios seleccionar una imagen a mostrar, necesita darles la capacidad de ubicar  un archivo en su disco duro. Usted podría haber notado que si elige un archivo dentro de cualquier aplicación de Windows, el cuadro de dialogo que aparece es casi siempre lo mismo. No tiene sentido forzar a todos los desarrolladores a escribir código necesario para realizar operaciones de archivos estándar, de modo que Microsoft ha expuesto la funcionalidad a través de un control que pueda ser usado en sus proyectos.

Este control es llamado OpenFileDialog, y ahorrará docenas de horas que de otro modo sería necesario duplicar estas funcionalidades comunes.

 Por cierto

Otros controles además del control OpenFileDialog brindan funcionalidad a su archivo. Por ejemplo, el control SaveFileDialog proporciona características para permitirle al usuario especificar un nombre de archivo y una ruta para guardar su archivo.

Mostrar el Cuadro de herramientas y desplazarse debajo usando la flecha abajo en la parte inferior del Cuadro de herramientas hasta que pueda ver el control OpenFileDialog (Esto se encuentra en la categoría Todos los formularios de Windows Forms).

Ahora pulse doble clic para agregarlo al formulario. Note que el control no se coloca en el formulario; más bien, este aparece en un área especial en el formulario.

Esto sucede porque el control OpenFileDialog no tiene interfaz de formulario para mostrarle al usuario. Este tiene una interfaz (un cuadro de dialogo) que usted puede mostrarlo como necesite, pero no tiene nada que mostrar directamente en un formularios.

Seleccione el control OpenFileDialog y cambie estas propiedades como sigue:

Propiedad	Valor
Name	ofdSelectPicture
FileName	<dejarlo vacio>
Filter	Windows bitmaps|*.BMP|JPEG Files|*.JPG
Title	Seleccionar Imagen

Cuidado

No ingrese realmente el texto <dejarlo vacio> para Filename; Yo me refiero a borrar el valor por defecto y dejar el valor de la propiedad vacía.

La propiedad Filter es usado para limitar los tipos de archivo que serán mostrados en el cuadro de dialogo Abrir archivo. El formato para un filtro es: descripción|filtro. El texto que aparece antes del primer símbolo de canalización es el texto descriptivo del tipo de archivo, mientras que el texto que está después del símbolo de canalización es el patrón para usar los archivos filtrados. Usted puede especificar más que un solo tipo de filtro separando cada valor descripcio|filtro con otro símbolo de canalización. El texto completo en la propiedad Title aparece en la Barra de titulo del cuadro de dialogo Abrir archivo.

La interfaz grafica de su programa Picture Viewer está ahora finalizada. Si usted ancló el Cuadro de herramientas abierto, haga clic en la tachuela en la Barra de titulo del Cuadro de herramientas ahora, para cerrarla.

Diseñando una Interfaz

En general lo mejor es diseñar la interfaz de usuario de una forma y entonces agregar el código atrás de la interfaz para hacer un formulario funcional. Usted construirá su interfaz en la siguiente sección.

Agregando un control visible a un formulario

Iniciaremos agregando un control Button al formulario. Para hacer esto haga doble clic en el elemento Button en el Cuadro de herramientas. Visual Basic crea un nuevo botón y lo coloca en la esquina superior izquierda del formulario como lo muestra la siguiente imagen.

Usando la ventana Propiedades, establezca las propiedades al Button como lo muestra la siguiente lista. Recuerde, cuando ve las propiedades alfabéticamente, la propiedad Name es listada primero, de modo que no esté buscando debajo en la lista, o estará buscando un buen rato.

Propiedad	Valor
Nombre	btnSelectPicture
Location	262,10 (262 es la coordenada X; 10 es la coordenada y)
Size	118,23
Text	Seleccionar Imagen