步骤 4：使用TableLayoutPanel控件设置窗体布局
此内容为质量更高的人工翻译。若想同时查看此页面和原始英文页面的内容，请单击“首选项”然后选择“经典视图”作为您的查看首选项。
在此步骤中，将向窗体中添加一个TableLayoutPanel控件。
使用TableLayoutPanel控件设置窗体布局
1.       转到 Windows 窗体设计器。查看窗体左侧并找到“工具箱”选项卡。将鼠标指向并悬停在“工具箱”选项卡上，工具箱将出现。（或者，从“视图”菜单中单击“工具箱”。）
2.       单击“容器”组旁边的加号打开该组，如下图中所示。
“容器”组


3.       可以向窗体中添加类似按钮、复选框和标签这样的控件。在工具箱中双击TableLayoutPanel控件。当执行此操作时，IDE 会将TableLayoutPanel控件添加到窗体中，如下图中所示。
TableLayoutPanel控件

说明

添加TableLayoutPanel之后，如果窗体中出现标题为“TableLayoutPanel任务”的窗口，请单击窗体内的任何位置来关闭此窗口。在本教程后面部分，您将学习到有关此窗口的更多内容。

说明

请注意，当单击“工具箱”选项卡时工具箱是如何展开以覆盖窗体的，以及当单击工具箱外部后它是如何关闭的。这就是 IDE 自动隐藏功能。通过单击窗口右上角的图钉图标来在自动隐藏和就地锁定之间切换，可以为任何窗口打开或关闭工具箱。图钉图标如下所示。

图钉图标


4.       单击“TableLayoutPanel”确保选定它。可以通过查看“属性”窗口顶部的下拉列表来验证选定哪个控件，如下图中所示。
显示TableLayoutPanel控件的“属性”窗口


5.       控件选择器是“属性”窗口顶部的下拉列表。在此示例中，它显示选定了名为 tableLayoutPanel1 的控件。可以通过在 Windows 窗体设计器中单击或者从控件选择器中进行选择来选择控件。选择TableLayoutPanel之后，请找到“Dock”属性并单击“Dock”，此属性应设置为“无”。请注意，一个下拉箭头将出现在值旁边。单击该箭头，然后选择“Fill”按钮（中间的大按钮），如下图中所示。
选定“Fill”的“属性”窗口


6.       在将TableLayoutPanel的“Dock”属性设置为“Fill”之后，此面板将填充整个窗体。如果再次调整窗体的大小，则TableLayoutPanel将保持停靠状态，并自行调整大小以适合窗体。

说明

TableLayoutPanel与 Microsoft Office Word 中的表类似：它具有行和列，并且个别单元格可以跨多个行和列。每个单元格都可以存放一个控件（例如按钮、复选框或标签）。TableLayoutPanel将具有一个跨其整个顶部行的PictureBox控件、一个位于其左上角单元格中的CheckBox控件和四个位于其右上角单元格中的 Button 控件。

说明

尽管曾提到每个单元格只能存放一个控件，但是右上角单元格中具有四个 Button 控件。这是因为您可以在单元格中放入一个可存放其他控件的控件。这种控件称为容器，TableLayoutPanel即是一个容器。在本教程后面部分，您将学习到有关容器的更多内容。

7.       TableLayoutPanel当前具有两个大小相等的行和两个大小相等的列。您需要调整它们，以使顶部行和右侧列更大一些。在 Windows 窗体设计器中选择“TableLayoutPanel”。在右上角有一个小的黑色三角形按钮，如下所示。
三角形按钮


此按钮指示该控件具有帮助您自动设置其属性的任务。
8.       单击该三角形可显示控件的任务列表，如下图中所示。
TableLayoutPanel任务


9.       单击“编辑行和列”任务以显示“列和行样式”窗口。单击“Column1”，确保选中“百分比”按钮并在“百分比”框中输入 15，将此控件的大小设置为 15%。（这是将在后面的教程中使用的NumericUpDown控件。）单击“Column2”并将其设置为 85%。先不要单击“确定”按钮，因为这将关闭此窗口。（但如果这样做，您可以使用任务列表重新打开它。）
10.    从窗口顶部的“显示”下拉列表中单击“行”。将“Row1”设置为 90% 并将“Row2”设置为 10%。
11.    单击“确定”。现在，TableLayoutPanel应具有一个大的顶部行、一个小的底部行、一个小的左侧列和一个大的右侧列。可以在TableLayoutPanel中拖动这些行和列的边框来调整其大小。
Visual Studio 2010