以编程方式更改行/列跨度（tablelayoutpanel）

Question

我有一个表格布局面板。 2x2 - 2 列 2 行。

例如，我在 1 行、第二列中添加了一个按钮 button1。 button1 的停靠属性设置为 Fill。 VS Designer 允许设置button1的列/行跨度属性。

我希望能够以编程方式更改 button1 的行跨度属性，以便它可以填充所有第二列（1 行和第二行）并可以将其设置回来。

如何？

Answer 1

这段代码怎么样？

private void button1_Click(object sender, EventArgs e)
{
    var control = sender as Control;

    if(control == null)
        return;

    if (1 == tableLayoutPanel1.GetRowSpan(control))
    {
        tableLayoutPanel1.SetRowSpan(control, 2);
    }
    else
    {
        tableLayoutPanel1.SetRowSpan(control, 1);
    }
}

Answer 2

虽然我发现当前投票的答案相当充分，但它也显得比需要的稍微混乱一些。在设置控件的属性之前，必须将控件添加到 tableLayoutPanel。

Visual Studio（2013 和可能的其他版本）会将这些属性显示为控件的一部分。实际上，它们是 tableLayoutPanel 的一部分。

说明：

tableLayoutPanel.Controls.Add(**control**, x, y)
tableLayoutPanel.SetColumnSpan(**control**, '# of cols to span')

示例：

tableLayoutPanel1.Controls.Add(**button1**, 0, 0);
tableLayoutPanel1.SetColumnSpan(**button1**, 2);
tableLayoutPanel1.SetRowSpan(**button1**, 3);

结果：“占据”此空间的按钮。 （只要它足够大以覆盖该区域。即使它没有“覆盖”该空间，它仍然会“保留”它。）

O O X X X
O O X X X
O O X X X
X X X X X
X X X X X

将跨度设置为大于网格的大小将..：
不要改变网格大小。
不要将数字裁剪/编辑为网格的大小。
编译时不抛出错误。

它的行为/执行就像将跨度设置为当前网格（tableLayoutPanel）最大尺寸一样。这仅在 TLP/网格大小发生变化时才相关。

如果以编程方式将两个控件添加到同一网格位置，则网格中的第一个控件将保留其位置。任何随后添加的控件都会被推送到下一个单元格块。如果添加“跨度”，它将将该单元块视为已使用，并继续搜索未使用的单元块。

例如：label1、label2 和 label3 添加到 0,0。

• label1 将出现在 0,0
• label2: 0,1
• label3: 0,2

Ex 2: 标签 1 的行跨度为 2。

• label1: 0,0
• label2: 重新定位到 0,2
• label3: 0,3

选择正确的网格点和跨度后，您可以然后可以使用停靠和锚点属性进一步优化布局。