FlowLayoutPanel - Ancho automático para los controles?

Question

¿es posible hacer que los elementos insertados en FlowLayoutPanel sean del tamaño automático del FlowLayoutPanel? Aquí está un ejemplo:

Un formulario con 1 FlowLayoutPanel y 3 botones dentro:

si cambio el tamaño de la forma, los controles de tener este aspecto: que organizar "izquierda a derecha"

lo que yo quiero es éste: los controles deben tener el ancho de la FlowLayoutPanel:

¿Alguna idea de cómo hacer esto? Cambié el FlowDirection y jugué con la propiedad Anchor pero sin suerte.

Podría, por supuesto, cambiar el tamaño de los controles en el evento FlowLayoutPanel_Resize, pero quiero agregar aproximadamente 500 controles de usuario - Lo probé y es lento.

Answer 1

Le sugiero que use TableLayoutPanel con una columna en este caso. He encontrado que TableLayoutPanel es mucho más predecible y sólido que FlowLayoutPanel.

Otra opción, si todavía quiere usar FlowLayoutPanel, es establecer el primer ancho de control al deseado, y usar Dock = Top para todos los demás controles.

Answer 2

Sugiero ... intentar jugar con los anclajes de los botones ... tratar de establecerla como

Button1.Anchor = (AnchoreStyle.Left or AnchoreStyle.Right) 

o establecido en las propiedades ...

y luego ponerlo en el interior un Panel en lugar de FlowLayoutPanel ...;)

Answer 3

Es una forma simple de hacer esto. Solo enlaza el evento SizeChanged de tu flowLayoutPannel y cambia el tamaño del control que lo contiene. térmica:

private void myFlowLayoutPannel_SizeChanged(object sender, EventArgs e) 
{ 
    myFlowLayoutPannel.SuspendLayout(); 
    foreach (Control ctrl in pnSMS.Controls) 
    { 
     if (ctrl is Button) ctrl.Width = pnSMS.ClientSize.Width; 
    } 
    myFlowLayoutPannel.ResumeLayout(); 
} 

Answer 4

El FlowLayoutPanel organiza los controles de una manera particular, de acuerdo con MSDN:

... para las direcciones de flujo vertical, el control FlowLayoutPanel calcula la anchura de una columna implícita de el control infantil más amplio en la columna . Todos los demás controles de esta columna con Ancla o Base se alinean o estiran para adaptarse a esta columna implícita. El comportamiento funciona de manera similar para direcciones de flujo horizontal.

No es ideal, pero se puede hacer esto de forma nativa, siempre y cuando un control está puesto a la misma anchura que el contenedor, y el resto de los controles se establecen para Dock.

Answer 5

aquí tengo mi clase StackPanel:

/// <summary> 
/// A stackpanel similar to the Wpf stackpanel. 
/// </summary> 
public class StackPanel: FlowLayoutPanel 
{ 
    public StackPanel(): base() 
    { 
     InitializeComponent(); 
     this.ForceAutoresizeOfControls = true; 
    } 

    private void InitializeComponent() 
    { 
     this.SuspendLayout(); 
     // 
     // StackPanel 
     // 
     this.AutoSizeMode = System.Windows.Forms.AutoSizeMode.GrowAndShrink; 
     this.WrapContents = false; 
     this.ResumeLayout(false); 
    } 

    /// <summary> 
    /// Override it just in order to hide it in design mode. 
    /// </summary> 
    [Browsable(false)] 
    [DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden)] 
    public new bool WrapContents 
    { 
     get { return base.WrapContents; } 
     set { base.WrapContents = value; } 
    } 

    /// <summary> 
    /// Override it just in order to set its default value. 
    /// </summary> 
    [DefaultValue(typeof(AutoSizeMode), "GrowAndShrink")] 
    public override AutoSizeMode AutoSizeMode 
    { 
     get { return base.AutoSizeMode; } 
     set { base.AutoSizeMode = value; } 
    } 

    /// <summary> 
    /// Get or set a value that when is true forces the resizing of each control. 
    /// If this value is false then only control that have AutoSize == true will be resized to 
    /// fit the client size of this container. 
    /// </summary> 
    [DefaultValue(true)] 
    public bool ForceAutoresizeOfControls { get; set; } 

    protected override void OnSizeChanged(EventArgs e) 
    { 
     base.OnSizeChanged(e); 
     this.SuspendLayout(); 
     switch (FlowDirection) 
     { 
      case FlowDirection.BottomUp: 
      case FlowDirection.TopDown: 
       foreach (Control control in this.Controls) 
        if (ForceAutoresizeOfControls || control.AutoSize) 
         control.Width = this.ClientSize.Width - control.Margin.Left - control.Margin.Right; 
       break; 
      case FlowDirection.LeftToRight: 
      case FlowDirection.RightToLeft: 
       foreach (Control control in this.Controls) 
        if (ForceAutoresizeOfControls || control.AutoSize) 
         control.Height = this.ClientSize.Height - control.Margin.Top - control.Margin.Bottom; 
       break; 
      default: 
       break; 
     } 
     this.ResumeLayout(); 
    } 

    protected override void OnLayout(LayoutEventArgs levent) 
    { 
     base.OnLayout(levent); 

     if (levent != null && levent.AffectedControl != null) 
     { 
      Control control = levent.AffectedControl; 
      if (ForceAutoresizeOfControls || control.AutoSize) 
      { 
       switch (FlowDirection) 
       { 
        case FlowDirection.BottomUp: 
        case FlowDirection.TopDown: 
         control.Width = this.ClientSize.Width - control.Margin.Left - control.Margin.Right; 
         break; 
        case FlowDirection.LeftToRight: 
        case FlowDirection.RightToLeft: 
         control.Height = this.ClientSize.Height - control.Margin.Top - control.Margin.Bottom; 
         break; 
        default: 
         break; 
       } 
      } 
     } 
    } 
}