使用 TableLayoutPanel 控件设置窗体布局

http://dev.mjxy.cn/a-503.aspx

步骤 4：使用 TableLayoutPanel 控件设置窗体布局

更新于：2011年07月10日 访问情况：300 次浏览

 

 

转载请注明: 敏捷学院-技术资源库原文链接: http://mjxy.cn/a-503.aspx

在此步骤中，将向窗体中添加一个 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 中拖动这些行和列的边框来调整其大小。

转载于:https://www.cnblogs.com/carl2380/archive/2011/10/28/2227298.html