以编程方式将控件添加到 TableLayoutPanel 的行为会因原始线程而异

Question

我正在创建一个显示来自服务器和客户端的消息的 WinForm 项目。客户端消息通过标准 UI 事件（如 Click 和 KeyPress）添加。服务器消息是通过后台线程添加的，该线程正在侦听消息并在消息到达时“提醒”UI。 “警报”通过一个 EventHandler 发生，然后使用 Invoke 方法，因为我们请求从一个没有创建它的线程修改 UI。

当从客户端添加消息时，它们会按需要显示（即大小正确、包装和调整大小正确执行）。当通过 Invoke 从后台线程添加消息时，只有第一条消息才能正确显示，即使在最初时也是如此。调整表单大小后，换行将停止工作，并根据可用空间量来剪裁第一条消息。第一条消息的大小完全不正确，因为它们的高度似乎设置为 1 像素或非常小的值，因此只能看到第一行字符的顶部。由于我是 WinForms 的新手，因此我怀疑以编程方式将控件添加到 UI 的正确方法我做错了什么。

客户端和后台线程都调用相同的方法将控件添加到表单中；只有后台通过 Invoke 调用它。我不知道为什么添加的控件会根据它们起源的事件而表现不同，因为无论哪种方式，它们都以完全相同的方式添加。我唯一的想法是我错过了一些明显的东西，因为我是 WinForms 的新手。

反正解释够了，下面是相关代码：

private void AddMessage(string message)
{
    tableLayoutPanel1.SuspendLayout();

    RichTextBox rtb = new RichTextBox();
    rtb.AppendText(message);
    rtb.Multiline = true;
    rtb.WordWrap = true;
    rtb.Dock = DockStyle.Top;

    rtb.ReadOnly = true;
    rtb.BorderStyle = BorderStyle.None;
    rtb.ScrollBars = RichTextBoxScrollBars.None;
    rtb.BackColor = Color.LightBlue;
    rtb.Font = new Font("Tahoma", 8, FontStyle.Italic);
    rtb.Resize += rtb_Resize;
    rtb.MinimumSize = new Size(150, 15);
    rtb.Margin = new Padding(1, 0, 0, 5);
    rtb.Padding = new Padding(3, 3, 3, 3);
    rtb.Height = rtb.GetPositionFromCharIndex(rtb.Text.Length).Y;

    tableLayoutPanel1.RowStyles.Add(new RowStyle(SizeType.AutoSize));
    tableLayoutPanel1.RowCount = tableLayoutPanel1.RowStyles.Count;
    tableLayoutPanel1.Controls.Add(rtb);
    tableLayoutPanel1.SetColumnSpan(rtb, 2);

    tableLayoutPanel1.ResumeLayout(true);
    tableLayoutPanel1.AutoScrollPosition = new Point(0, tableLayoutPanel1.VerticalScroll.Maximum);
}

private void richTextBox1_KeyPress(object sender, KeyPressEventArgs e)
{
    if (e.KeyChar == 13 && !String.IsNullOrEmpty(richTextBox1.Text))
    {
        AddMessage(richTextBox1.Text);
        richTextBox1.Clear();
    }
}

public void PostMessage(object sender, MessageEventArgs e)
{
    BeginInvoke(new AddMsg(AddMessage), new object[] { e.Message });
}

public delegate void AddMsg(string m);

private void rtb_Resize(object sender, EventArgs e)
{
    var rtb = (RichTextBox) sender;
    rtb.Height = rtb.GetPositionFromCharIndex(rtb.Text.Length).Y;
}

好的，现在再解释一下。客户端消息来自richTextBox1_KeyPress，服务器消息来自PostMessage（PostMessage 在收到消息时分配给后台线程的EventHandler）。如您所见，调用 AddMessage 将带有消息的 RichTextBox 添加到 TableLayoutPanel。 rtb_Resize 方法包含我在网上找到的一种使 RickTextBox 自动调整大小的方法的逻辑，因为它显然不支持这一点；也许这可能是我的问题的根源。

我还将在下面提供 TableLayoutPanel 的设计器代码，因为这似乎很有帮助，并且与我在这里看到的其他帖子相关。

// 
// tableLayoutPanel1
// 
this.tableLayoutPanel1.AutoScroll = true;
this.tableLayoutPanel1.AutoSize = true;
this.tableLayoutPanel1.AutoSizeMode = System.Windows.Forms.AutoSizeMode.GrowAndShrink;
this.tableLayoutPanel1.BackColor = System.Drawing.Color.White;
this.tableLayoutPanel1.ColumnCount = 2;
this.tableLayoutPanel1.ColumnStyles.Add(new System.Windows.Forms.ColumnStyle(System.Windows.Forms.SizeType.Percent, 100F));
this.tableLayoutPanel1.ColumnStyles.Add(new System.Windows.Forms.ColumnStyle(System.Windows.Forms.SizeType.Absolute, 50F));
this.tableLayoutPanel1.Dock = System.Windows.Forms.DockStyle.Fill;
this.tableLayoutPanel1.Location = new System.Drawing.Point(1, 10);
this.tableLayoutPanel1.Name = "tableLayoutPanel1";
this.tableLayoutPanel1.Padding = new System.Windows.Forms.Padding(5, 5, 12, 5);
this.tableLayoutPanel1.RowCount = 1;
this.tableLayoutPanel1.RowStyles.Add(new System.Windows.Forms.RowStyle());
this.tableLayoutPanel1.Size = new System.Drawing.Size(272, 276);
this.tableLayoutPanel1.TabIndex = 0;

TableLayoutPanel 确实包含一个初始行，因为设计器不允许您有一个没有行的行，但是在标准调用 InitializeComponent 之后，我在 Form 的构造函数中清除了所有行。

希望我在这里提供了足够的信息，可以为人们提供他们需要的信息，但如果您有任何问题或需要查看代码的其他部分，请告诉我，我会尽快提供。此外，如果重要的话，我正在使用 Visual Studio 2008 和 .NET 3.5。

谢谢。

Answer 1

根据我的阅读，您正在正确地将控件添加到 TableLayoutPanel，但要记住的一件事是，TableLayoutPanel 并非旨在以编程方式修改，因为它处理其 RowStyles 的方式不寻常，正如你所发现的那样。

答案

话虽如此，控件未按预期包装的原因是您的调整大小处理程序发生得太“晚”。您的 rtb_resize 事件处理程序可能在 TableLayoutPanel 已经布置好之后被调用。理论上，您可以通过强制 TableLayoutPanel 在其所有内部控件布局后重新执行其布局来解决此问题。为此，您需要处理 TableLayoutPanel 的SizeChanged 事件，并在处理程序中重新调整所有内部控件的大小，然后通过 BeginInvoke 调用tableLayoutPanel1.PerformLayout。

这里是一些示例代码：

bool _layingOut = false;

void tableLayoutPanel1_SizeChanged(object sender, EventArgs e)
{
     if(_layingOut)
          return;

     //TODO: resize your inner controls here

     //this will force the TableLayoutPanel to lay itself out a second time
     _layingOut = true;
     tableLayoutPanel1.BeginInvoke(new Action(() => tableLayoutPanel1.PerformLayout());
     _layingOut = false;
}

另一种方式

然而，我建议寻找另一种不涉及 TableLayoutPanel 的方法。如果您需要特殊的布局，WinForms 中更理想的解决方案是创建自己的 LayoutEngine 类。这允许您编写一个名为Layout 的方法，当需要重新布置控件时（例如在调整大小期间），WinForms 将调用该方法。然后，您可以以任何您认为合适的方式简单地指定每个子控件的位置和大小。这基本上就是 TableLayoutPanel 所做的一切。

要了解有关创建 LayoutEngine 的更多信息以及令人惊讶的出色 MSDN 示例，请参阅：http://msdn.microsoft.com/en-us/library/system.windows.forms.layout.layoutengine(v=VS.90).aspx