Paso 3: personalizar aspecto y comportamiento

Actualización: noviembre 2007

En la lección anterior, se creó una interfaz de usuario agregando controles a la aplicación. Sin embargo, la aplicación todavía no presenta el aspecto de una aplicación finalizada, ni funciona como una aplicación finalizada. En esta lección, establecerá las propiedades necesarias para controlar la apariencia de los controles utilizando la ventana Propiedades.

Para ver una demostración en vídeo, vea Video How to: Creating Your First Visual Basic Program.

Para establecer las propiedades de los controles

1. En el Diseñador de Windows Forms, seleccione el control Panel.

   La ventana Propiedades ubicada en la esquina inferior derecha del IDE muestra todas las propiedades para el control Panel denominado Panel1.

2. En la ventana Propiedades, seleccione la propiedad Dock y, a continuación, haga clic en la flecha a la derecha. Se mostrará una ventana pequeña de selección de propiedades con varios cuadros.

   Sugerencia:
   La propiedad Dock se encuentra bajo la categoría Diseño. Puede ordenar las propiedades alfabéticamente haciendo clic en el botón AZ de la ventana Propiedades.

3. Haga clic en el cuadro superior en la ventana de selección de propiedades para establecer la propiedad Dock en Top. El control Panel se expandirá para rellenar la parte superior del formulario.

4. En la ventana Propiedades, haga clic en el signo más (+), situado junto a la propiedad Size, para expandirlo.

   Las propiedades Width y Height pasarán a estar visibles en la ventana Propiedades.

5. En la ventana Propiedades, observe que la propiedad Height del control Panel está establecida en 100. Cambie el valor de esta propiedad a 50.

6. En el Diseñador de Windows Forms, seleccione el control WebBrowser. En la ventana Propiedades, para establecer la propiedad Dock en Fill seleccione la propiedad Dock, haga clic en la flecha a la derecha y seleccione el cuadro del centro de la ventana de selección de propiedades.

7. En el Diseñador de Windows Forms, seleccione el control Button.

8. En la ventana Propiedades, seleccione la propiedad Text del control Button. En la columna de la derecha, elimine Button1 y reemplácelo por Go!.

9. Cambie el tamaño o posición cualquiera de los controles y cambie nuevamente el tamaño del formulario según sus preferencias. Por ejemplo, es posible que desee aumentar la longitud del control TextBox para que sea lo bastante largo como para mostrar una dirección URL válida. En la ilustración siguiente, se muestra un ejemplo del aspecto que podría presentar una aplicación de explorador web.

   Aplicación de explorador web
   

   Nota:
   Los controles TextBox y Button deben permanecer en la parte superior de Panel o no podrá verlos cuando se ejecuta la aplicación.

Información detallada

En esta lección, se establecen varias propiedades que cambian la apariencia de los controles para la aplicación. Una propiedad en Visual Basic representa un atributo de un objeto, en este caso, un control. Por ejemplo, un atributo de un control Button es el texto que muestra. En este caso, se establece la propiedad Text para mostrar "Ir". Para obtener más información sobre las propiedades, vea Información detallada: comprender propiedades, métodos y eventos.

Las propiedades pueden tomar muchos tipos diferentes de valores además del texto. Por ejemplo, la propiedad Dock utilizó una ventana de selección de propiedades para mostrar las opciones disponibles. Otros valores de la propiedad pueden ser números, una opción que se selecciona de una lista o una opción true o false.

Si se cambió el tamaño de un control o se reubicó, también se establecieron las propiedades. Las propiedades Size y Location determinan el tamaño y la ubicación del control en el formulario. Para ver esto en acción, seleccione la propiedad Size en la ventana Propiedades y utilice el mouse para cambiar el tamaño del control. Cuando se suelta el botón del mouse, los nuevos valores Size se mostrarán en la ventana Propiedades. Para obtener más información acerca del diseño de controles, consulte Información detallada: comprender el diseño de controles.

Además de establecer las propiedades en la ventana Propiedades, la mayoría de éstas se pueden establecer escribiendo un código. En una próxima lección, aprenderá a escribir el código necesario para establecer las propiedades.

Pasos siguientes

La interfaz de usuario ahora está completa. Todo lo que tiene que hacer es agregar las instrucciones (también llamadas código) para ver cómo desea que funcione el programa. En la siguiente lección, se agregará una línea de código al programa.

Siguiente lección: Paso 4: agregar código de Visual Basic

Vea también

Tareas

Paso 1: crear un proyecto en Visual Basic

Paso 2: crear una interfaz de usuario

Conceptos

Información detallada: comprender propiedades, métodos y eventos

Otros recursos

Crear el primer programa en Visual Basic