隐藏和显示 TableLayoutPanel 的单元格

Question

我的表格布局面板有一列三行。 （一个停靠在每个单元格中的“填充”面板。）

现在我希望能够隐藏/显示行。我希望任何时候都只显示一行（基于用户对某些单选按钮的选择），并且我希望调整大小以使其填充 TableLayoutPanel 的所有区域。

我怎样才能做到这一点？有什么想法吗？

Answer 1

如果 TableLayoutPanel 中的行自动调整大小，则隐藏内容面板也将隐藏放置面板的单元格。

Answer 2

我建议将其他行高度设置为 0 是最简单的方法：

第一行：

this.tableLayoutPanel1.RowStyles[1].Height = 0;

Answer 3

试试这个

TableLayoutPanel1.ColumnStyles[1].SizeType = SizeType.Absolute;
TableLayoutPanel1.ColumnStyles[1].Width = 0;

Answer 4

那么为什么要使用 TableLayoutPanel 呢？

只需在表单上放置三个 Panel，填写每行的内容，并将所有三个面板的 Dock 属性设置为 Fill。将两个面板设置为 Visible = false，并将一个面板设置为 true。

如果您想查看另一个面板，只需使其可见并隐藏其他两个面板（根据您的单选按钮设置）。

Answer 5

我的情况类似。我需要一个包含 4 行的 TableLayoutPanel，每行都需要根据复选框选择可见。因此，我可以显示 1 - 4，而不是一次只显示一行。
设计 1 列 4 行的布局后，添加控件并将每个控件的 Dock 设置为 Fill。
然后，在复选框的单个 CheckedChanged 事件处理程序中，我进行了如下编码。这是一种蛮力方法，但是，嘿......它有效！

    private void checkBox_CheckedChanged(object sender, EventArgs e)
    {
        this.SuspendLayout();
        int seldCount = checkBox1.Checked ? 1 : 0;
        seldCount += checkBox2.Checked ? 1 : 0;
        seldCount += checkBox3.Checked ? 1 : 0;
        seldCount += checkBox4.Checked ? 1 : 0;

        float pcnt = 0;
        if (seldCount == 1)
            pcnt = 1;
        if (seldCount == 2)
            pcnt = 0.5f;
        if (seldCount == 3)
            pcnt = 0.33f;
        if (seldCount == 4)
            pcnt = 0.25f;

        int newHeight = (int)(tableLayoutPanel1.Height * pcnt);

        if (checkBox1.Checked)
        {
            tableLayoutPanel1.RowStyles[0].SizeType = SizeType.Percent;
            tableLayoutPanel1.RowStyles[0].Height = newHeight;
        }
        else
        {
            tableLayoutPanel1.RowStyles[0].SizeType = SizeType.Absolute;
            tableLayoutPanel1.RowStyles[0].Height = 0;
        }

        if (checkBox2.Checked)
        {
            tableLayoutPanel1.RowStyles[1].SizeType = SizeType.Percent;
            tableLayoutPanel1.RowStyles[1].Height = newHeight;
        }
        else
        {
            tableLayoutPanel1.RowStyles[1].SizeType = SizeType.Absolute;
            tableLayoutPanel1.RowStyles[1].Height = 0;
        }

        if (checkBox3.Checked)
        {
            tableLayoutPanel1.RowStyles[2].SizeType = SizeType.Percent;
            tableLayoutPanel1.RowStyles[2].Height = newHeight;
        }
        else
        {
            tableLayoutPanel1.RowStyles[2].SizeType = SizeType.Absolute;
            tableLayoutPanel1.RowStyles[2].Height = 0;
        }

        if (checkBox4.Checked)
        {
            tableLayoutPanel1.RowStyles[3].SizeType = SizeType.Percent;
            tableLayoutPanel1.RowStyles[3].Height = newHeight;
        }
        else
        {
            tableLayoutPanel1.RowStyles[3].SizeType = SizeType.Absolute;
            tableLayoutPanel1.RowStyles[3].Height = 0;
        }
        this.ResumeLayout();
    }

Answer 6

要隐藏行试试这个！！

tableLayoutPanel1.RowStyles[1].SizeType = SizeType.Absolute;
tableLayoutPanel1.RowStyles[1].Height = 0;

Answer 7

我有类似的任务要做，我的解决方案如下：

将 TableLayoutPanel 添加到您的表单（或任何容器）。

将 TableLayoutPanel 的列数和行数设置为 1，并将大小设置为 100%。

将 Dock 设置为填充。

将 GrowStyle 设置为固定大小。

将自动调整大小设置为 true。

然后以编程方式添加所有三个表单/控件，您必须根据单选按钮选择显示其中之一。确保只有其中之一可见。这可以通过初始 FirstControl.Show(); 来完成然后在每个 RadioButton 事件上隐藏当前的并显示另一个。您可以在局部变量中“记住”（例如：“currentlyVisibleControl”当前可见的引用）

注意：如果您一次会 .Show() 多个。那么 TableLayoutPanel 将引发异常，它已满并且无法添加更多项目。

PS 在我自己的示例中，我在 MDI 窗口中有 TableLayoutPanel 以及三种表单，它们在单击按钮时相互替换，因此我认为复制我的源代码将使“口头”示例变得复杂。

PPS 根据我的经验，Visual Studio 有时会在设计模式下做一些奇怪的事情。我必须删除并重新添加 TableLayoutPanel 才能正确设置属性并在设计器和运行时获得结果。因此，如果自动调整大小或绝对/百分比值未在设计器屏幕上显示，则可能是设计器的问题而不是您的问题。只需删除它并重试即可。

Answer 8

我尝试使用 Height 和 SizeType 属性，但它给了我奇怪的结果。例如，目标行上的标签被隐藏，但文本框未被隐藏。

这是我使用 @arbiter 隐藏行的子控件的建议提出的扩展类。

// these methods only works on rows that are set to AutoSize
public static class TableLayoutPanelExtensions
{

    public static void HideRows(this TableLayoutPanel panel, params int[] rowNumbers)
    {
        foreach (Control c in panel.Controls)
        {
            if (rowNumbers.Contains(panel.GetRow(c)))
                c.Visible = false;
        }
    }

    public static void ShowRows(this TableLayoutPanel panel, params int[] rowNumbers)
    {
        foreach (Control c in panel.Controls)
        {
            if (rowNumbers.Contains(panel.GetRow(c)))
                c.Visible = true;
        }

    }

}