Compartir a través de

Acoplamiento y anclaje de controles

Si va a diseñar un formulario que el usuario puede cambiar de tamaño en tiempo de ejecución, los controles del formulario deben cambiar el tamaño y cambiar la posición correctamente. Los controles tienen dos propiedades que ayudan con la colocación automática y el ajuste de tamaño, cuando el formulario cambia el tamaño.

  • Control.Dock

    Los controles acoplados rellenan los bordes del contenedor de control, ya sea el formulario o un control contenedor. Por ejemplo, el Explorador de Windows acopla su TreeView control al lado izquierdo de la ventana y su ListView control al lado derecho de la ventana. El modo de acoplamiento puede ubicarse en cualquier lado del contenedor del control o configurarse para llenar el espacio restante del contenedor.

    Formulario de ventanas que muestra los diferentes modos de acoplamiento para un control

    Los controles se acoplan en orden z inverso y la Dock propiedad interactúa con la AutoSize propiedad . Para obtener más información, consulte Ajuste de tamaño automático.

  • Control.Anchor

    Cuando se redimensiona el formulario con un control anclado, el control mantiene la distancia entre el control y las posiciones del anclaje. Por ejemplo, si tiene un TextBox control que está anclado a los bordes izquierdo, derecho e inferior del formulario, a medida que se redimensiona el formulario, el TextBox control se redimensiona horizontalmente para mantener la misma distancia desde los lados derecho e izquierdo del formulario. El control también se coloca verticalmente para que su ubicación sea siempre la misma distancia desde el borde inferior del formulario. Si un control no está anclado y se cambia el tamaño del formulario, se cambia la posición del control con respecto a los bordes del formulario.

    Formulario de Windows que muestra los distintos modos de delimitador de un control

Para obtener más información, consulte Posición y diseño de controles.

Acoplar un control

Un control se acopla configurando su propiedad Dock.

Nota:

Los controles heredados deben Protected ser capaces de acoplarse. Para cambiar el nivel de acceso de un control, establezca su propiedad Modificador en la ventana Propiedades .

Uso del diseñador

Use la ventana Propiedades del diseñador de Visual Studio para establecer el modo de acoplamiento de un control.

  1. Seleccione el control en el diseñador.

  2. En la ventana Propiedades , seleccione la flecha situada a la derecha de la propiedad Dock .

    Panel Propiedades de Visual Studio para .NET Windows Forms con la propiedad Dock mostrada.

  3. Seleccione el botón que representa el borde del contenedor donde desea acoplar el control. Para rellenar el contenido del formulario del control o del control de contenedor, presione el cuadro central. Presione (none) para deshabilitar el acoplamiento.

    Panel de propiedades de Visual Studio para Windows Forms de .NET con su propiedad Dock expandida.

El control se redimensiona automáticamente para ajustarse a los límites del borde acoplado.

Establecer dock mediante programación

  1. Establezca la Dock propiedad en un control . En este ejemplo, se acopla un botón al lado derecho de su contenedor:

    button1.Dock = DockStyle.Right;

    button1.Dock = DockStyle.Right

Delimitar un control

Un control está anclado a un borde estableciendo su Anchor propiedad en uno o varios valores.

Nota:

Algunos controles, como el ComboBox control, tienen un límite para su altura. Anclar el control a la parte inferior de su formulario o contenedor no puede forzar que el control supere su límite de altura.

Los controles heredados deben Protected ser capaces de ser anclados. Para cambiar el nivel de acceso de un control, establezca su Modifiers propiedad en la ventana Propiedades .

Uso del diseñador

Use la ventana Propiedades del diseñador de Visual Studio para establecer los bordes anclados de un control.

  1. Seleccione el control en el diseñador.

  2. En la ventana Propiedades , seleccione la flecha situada a la derecha de la propiedad Anchor .

    Panel de Propiedades de Visual Studio para Windows Forms de .NET con la propiedad Anchor visible.

  3. Para establecer o desanclar un ancla, seleccione el lado superior, izquierdo, derecho o inferior de la cruz.

    Panel de Propiedades de Visual Studio para Windows Forms de .NET con la propiedad Anchor expandida.

Establecer ancla mediante programación

  1. Establezca la Anchor propiedad en un control . En este ejemplo, un botón está anclado a los lados derecho e inferior de su contenedor:

    button1.Anchor = AnchorStyles.Bottom | AnchorStyles.Right;

    button1.Anchor = AnchorStyles.Bottom Or AnchorStyles.Right

Consulte también