Question

我想创建一个包含按钮列的表单。按钮应适合窗体的所有宽度。另外，我想尽可能地将它推到最顶层。它应该是这样的：

|----------------------------------|
|           Form caption           |
|----------------------------------|
||--------------------------------||
||Button0                         ||
||--------------------------------||
||--------------------------------||
||Button1                         ||
||--------------------------------||
||--------------------------------||
||Button2                         ||
||--------------------------------||
|                                  |
|                                  |
|           free space             |
|                                  |
|----------------------------------|

通常我使用C ++ / Qt以及它丰富的布局。据我所知，c＃并不是那么好。我发现有{1}的TableLayoutPanel可以做到这一点。我唯一想要的是将所有按钮推到顶部。所以我创建了以下代码：

// panelButton was created by VS with following params:
this.panelButton = new System.Windows.Forms.TableLayoutPanel();
this.panelButton.Dock = System.Windows.Forms.DockStyle.Fill;
this.panelButton.Name = "panelButton";
this.panelButton.RowCount = 1;


for(int i = 0;i < 3;i ++)
{
    Button button = new Button();
    button.Dock = DockStyle.Fill;
    button.Height = 40;
    button.Text = "Button" + i;
    button.Click += new EventHandler(delegate(object o, EventArgs args) {});
    panelButton.Controls.Add(button, 0, i);
}

但我得到的布局是错误的 - button0和button1的高度是预期的40px，但button2填充所有空间，我预计它将是40px。

补充：我找到了解决方法。我添加

panelButton.Controls.Add(new Control(), 0, rowIndex);

在循环之后

，所以它按预期工作。

Answer 1

您无需使用TableLayoutPanel执行此类任务。使用Panel并添加按钮就足够了。对于每个按钮，您需要将其Dock设置为Top。

如果您希望面板增长而不是显示滚动，则可以设置面板AutoSize=true和AutoScroll=false。

如果您想要滚动条，只需将其设置为AutoSize=false和AutoScroll=true。

示例1

自动调整大小的表单，其中包含一个面板，其中包含按钮列表：(Screenshot)

public Form1()
{
    InitializeComponent();
    this.Controls.Clear();
    this.AutoSize = true;
    this.AutoSizeMode = System.Windows.Forms.AutoSizeMode.GrowAndShrink;
    var panel = new Panel();
    panel.Dock = DockStyle.Fill;
    panel.AutoScroll = false;
    panel.AutoSize = true;
    panel.AutoSizeMode = System.Windows.Forms.AutoSizeMode.GrowAndShrink;
    this.Controls.Add(panel);
    for (int i = 0; i < 20; i++)
    {
        var buttun = new Button();
        buttun.Text = string.Format("Button {0}", i + 1);
        buttun.Dock = DockStyle.Top;
        panel.Controls.Add(buttun);
    }
}

示例2

包含自动滚动面板的表单，其中包含按钮列表：(Screenshot)

public Form1()
{
    InitializeComponent();
    this.Controls.Clear();
    this.AutoSize = false;
    var panel = new Panel();
    panel.Dock = DockStyle.Fill;
    panel.AutoScroll = true;
    this.Controls.Add(panel);
    for (int i = 0; i < 20; i++)
    {
        var buttun = new Button();
        buttun.Text = string.Format("Button {0}", i + 1);
        buttun.Dock = DockStyle.Top;
        panel.Controls.Add(buttun);
    }
}

注意：布局与C#无关，它是Windows框架之类的UI框架的工作。要了解有关Windows窗体中布局的更多信息，请查看以下文档：

设置按钮填充所有宽度＆amp; WinForms中父级的顶部

1 个答案: