Información detallada: comprender el diseño de controles

Actualización: noviembre 2007

Puede organizar los controles de muchas maneras al agregarlos a los formularios. Por ejemplo, puede organizar tres botones de un formulario en una columna o colocarlos en paralelo. Esta organización de controles se conoce como diseño. Hay muchas herramientas y técnicas que puede usar en Visual Basic y que le servirán de ayuda a la hora de organizar y cambiar el tamaño de los controles que agregue a un formulario. En este tema, aprenderá algunas de estas técnicas.

Ubicación de controles

Normalmente, hay dos maneras de organizar los controles en un formulario. Después de haber arrastrado un control hasta el formulario, puede usar la ventana Propiedades para establecer la ubicación exacta. De modo alternativo, puede mover el control manualmente arrastrándolo hasta una ubicación concreta en el formulario. Al diseñar sus aplicaciones usará normalmente una combinación de estas técnicas.

Alinear controles

Al agregar controles a un formulario, puede organizarlos para que se alineen con un borde del mismo. También puede alinear controles con otros que ya estén en el formulario. Incluso puede configurarlos para que cambien automáticamente de tamaño cada vez que cambie el tamaño de la aplicación.

Alinear controles con el borde de un formulario

Puede alinear un control de modo que esté asociado al borde del formulario. Esto se conoce como acoplamiento del control. Puede encontrar un ejemplo en Paso 3: personalizar aspecto y comportamiento, donde se muestra cómo alinear un control Panel con la parte superior de un formulario estableciendo su propiedad Dock en Top.

Puede acoplar un control a cualquier borde de un formulario (superior, inferior, izquierdo o derecho) y el control permanecerá alineado incluso si el formulario cambia de tamaño. Por ejemplo, si acopla un control a la parte superior de un formulario y, a continuación, cambia el ancho del formulario, el control cambiará automáticamente de tamaño para ajustarse al nuevo ancho. Acoplar un control a todos los lados de un formulario es lo mismo que establecer la propiedad Dock en Fill. Esto se debe a que se rellena el formulario completo con el control.

Nota:
Si tiene un control acoplado a un borde de un formulario y, a continuación, establece la propiedad Dock de un segundo control en Fill, este segundo control rellenará únicamente el espacio restante del formulario.

Alinear controles con otros controles

Puede alinear un control con otros controles del formulario arrastrándolo. Si arrastra un control del formulario en la misma área de un control existente, observará que aparecen líneas azules. Estas líneas son guías que facilitan la colocación exacta del control para que quede alineado con un control existente. En la siguiente ilustración se muestran estas líneas de alineación.

Alinear controles

Sugerencia:
También puede seleccionar varios controles y usar los comandos de alineación de la barra de herramientas Diseño.

Cambiar el tamaño de los controles

Al seleccionar un control, aparecen varios cuadrados pequeños en el contorno del control. Estos símbolos se denominan asas de ajuste de tamaño. Para cambiar el tamaño del control, haga clic en el asa de ajuste de tamaño y arrástrela hasta una nueva ubicación para aumentar o reducir el tamaño del control. La ilustración siguiente muestra cómo el puntero se convierte en una flecha al moverlo sobre un asa de ajuste de tamaño. La flecha indica las direcciones en las que puede arrastrar el control para cambiar su tamaño.

Asas de ajuste de tamaño de un control

Puede configurar los controles para que cambien de tamaño automáticamente al cambiar el tamaño del formulario estableciendo la propiedad Dock del control en Fill. Vio un ejemplo de esta acción en Paso 3: personalizar aspecto y comportamiento, donde aprendió a acoplar un control WebBrowser de modo que rellenara un área del formulario Windows Forms. Al aumentar el tamaño del formulario Windows Forms, el control WebBrowser cambia de tamaño automáticamente para ajustarse al formulario.

Si lo prefiere, también puede cambiar el tamaño de los controles para que tengan una medida concreta estableciendo las propiedades Height y Width del control en la ventana Propiedades.

Nota:
Puede encontrar las propiedades Height y Width de un control debajo de la propiedad Size en la ventana Propiedades.

Pasos siguientes

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 2: crear una interfaz de usuario