使用 AutoSize 时的 FlowLayoutPanel 高度错误

Question

我有一个包含 1 列和 3 行的 TableLayout 的表单，其中包含 2 个 FlowLayoutPanel 和一个文本框。 所有行均为 AutoSize，列设置为 Percentage=100%。

每个 FlowLayoutPanel 都包含多个 TextBox。 FlowLayoutPanels 设置为：LeftToRight、AutoSize=true、GrowAndShrink、Docking=Fill。

大纲是：

Form
    TableLayout (Dock=Fill)
        FlowLayoutPanel(Dock=Fill, AutoSize=True, GrowShrink)
           More controls
        FlowLayoutPanel(Dock=Fill, AutoSize=True, GrowShrink)
           More controls
        TextBox(Dock=Fill, MultiLine=true)

问题是，如果我将 FlowLayoutPanel 放置在也设置为 AutoSize=true 的 GroupBox 中，则 FlowLayoutPanel 高度设置不正确，并且它显示文本框为 1 行，将一些文本框从表单中删除。

大纲是：

Form
    TableLayout (Dock=Fill)
        GroupBox (Dock=Fill, AutoSize=True, GrowShrink) 
            FlowLayoutPanel(Dock=Fill, AutoSize=True, GrowShrink)
               More controls
        GroupBox (Dock=Fill, AutoSize=True, GrowShrink) 
            FlowLayoutPanel(Dock=Fill, AutoSize=True, GrowShrink)
               More controls
        TextBox(Dock=Fill, MultiLine=true)

顺便说一句，如果我使用而不是 GroupBox、Panel 甚至 UserControl 来保存 FlowLayoutPanel，也会发生同样的事情。

顺便说一句 2，即使没有 TableLayout，也会发生这种情况。我尝试将 GroupBox（带有 FlowLayoutPanel）放在 AutoSized 表单上，并且得到相同的行为。

我认为问题是，当 FlowLayoutPanel 位于另一个也是 AutoSized 的容器中时，它无法将首选大小传递给它的容器。

可以做什么来覆盖这个错误？

请帮忙 谢谢， Yoram

---

p.s：我必须使用 GroupBox 在 TextBox 周围有一个漂亮的框架。

Answer 1

也遇到了这个问题，并试图找出如何轻松解决这个问题。
虽然@GertArnold的答案确实有帮助，但感觉有点麻烦，我寻找了另一个解决方案。

我发现流程面板的自动调整大小逻辑正在满足“最小”要求，并且通过添加最小高度的空白面板，我能够强制流程面板的宽度，从而使所有其他子控件可见。

因此，在上面的示例中，最终布局将是：

Form
    TableLayout (Dock=Fill)
        GroupBox (Dock=Fill, AutoSize=True, GrowShrink) 
            FlowLayoutPanel(Dock=Fill, AutoSize=True, GrowShrink)
                Panel(Dock=Fill, Height = 1, MinimumSize = new System.Drawing.Size( Form.ClientSize.Width - TableLayout.Padding.Horizontal, 1))
                More controls
        GroupBox (Dock=Fill, AutoSize=True, GrowShrink) 
            FlowLayoutPanel(Dock=Fill, AutoSize=True, GrowShrink)
                Panel(Dock=Fill, Height = 1, MinimumSize = new System.Drawing.Size( Form.ClientSize.Width - TableLayout.Padding.Horizontal, 1))
                More controls
        TextBox(Dock=Fill, MultiLine=true)

希望这会有所帮助。

Answer 2

当您将 FlowLayoutPanel 停靠在 GroupBox（或其他容器）中时，您也可以保留它们的 AutoSize=false。我不确定，但这可能会使组合框成为调整大小时的“领先”控件。

---

编辑（在您的评论之后）

“领先控制”是我的话，试图表达组框大小将决定 FLP 的大小，这不是一些官方术语。问题是对接和自动调整大小是 本质上是互相争斗，应该有人来控制。这只能在减少对接和自动调整大小并自行编程调整大小事件时才能完成。

经过一番尝试后，我终于想出了这个模型：

Form
    TableLayout (Dock=Fill)
        GroupBox () 
            FlowLayoutPanel(Dock=Fill)
               More controls

以及调整大小事件：

private void Form1_Resize(object sender, EventArgs e)
{
    this.SuspendLayout();
    this.groupBox.Width = this.Width - 20;
    this.groupBox.Height = 
        this.flowLayoutPanel.GetPreferredSize(this.groupBox.Size).Height + 20;
    this.ResumeLayout();
}

我希望我能很好地理解你。至少这可能会为您指明正确的方向。

Answer 3

抱歉迟到了，但我建议您最好对 FlowLayoutPanel 及其父级高度进行简单计算，而不是使用 格特·阿诺德的回答，因为他的方式导致GetPreferredSize() 在删除子 Control 时返回等于“单行”的 Height - 即使仍然需要两行（在至少就我而言）。

public YodaUserControl
{
  InitializeComponent();
  InitialHeight = parentOfFlp.Height;
}

private int InitialHeight { get; }

private void OnAdded(object sender, ControlEventArgs args)
  => RefreshHeight();

private void OnRemoved(object sender, ControlEventArgs args)
  => RefreshHeight();

private void OnSizeChanged(object sender, EventArgs args)
  => RefreshHeight();

private void RefreshHeight()
{
  if (flpYoda.Controls.Count > 1
      && flpYoda.Controls[0] is Control control)
  {
    parentOfFlpYoda.Height = flpYoda.Height =
      InitialHeight * (int)Math.Ceiling(
        flpYoda.Controls.Count / Math.Floor(
          flpYoda.ClientSize.Width / (double)control.Width));
  }
}

注意：

• 当然，您必须将 YodaUserControl、parentOfFlpYoda 和 flpYoda 替换为您相应的名称。
• OnAdded、OnRemoved & OnSizeChanged需要附加到flpYoda对应的ControlAdded、ControlRemoved & SizeChanged 事件。

如果您需要进一步的帮助，请通过评论告诉我。