C# 使用tableLayoutPanel控件实现窗体布局

C# 使用tableLayoutPanel控件实现窗体布局

1.引言

在写窗体程序时,运行后将窗体拉大,窗体上的控件不随之改变,使得页面布局不是很美观。总之使用tableLayoutPanel控件来控制窗体布局,就可以将窗体放到货缩小,里面的控件也会随之改变。

2.步骤

(1)新建一个窗体程序,在工具箱中选择“tableLayoutPanel”控件,将之拖到窗体上。
C# 使用tableLayoutPanel控件实现窗体布局_第1张图片
C# 使用tableLayoutPanel控件实现窗体布局_第2张图片

(2)点击tableLayoutPanel的属性,将"Dock"属性由原来的"None"变为"Fill",然后tableLayoutPanel就会填满整个窗体。
C# 使用tableLayoutPanel控件实现窗体布局_第3张图片
C# 使用tableLayoutPanel控件实现窗体布局_第4张图片
(3)下面要实现的功能是在这两行上再插入一行,然后最上面一行的两列要进行合并。
点击tabelLayoutPanel右边的黑色三角形,选择“编辑行和列”,点击右下方的“插入”,选择“绝对”,像素值填36。
C# 使用tableLayoutPanel控件实现窗体布局_第5张图片
这样就出来一个三行两列的表格了。
C# 使用tableLayoutPanel控件实现窗体布局_第6张图片
(4)下面要解决的问题是怎么将第一行的两个单元格合并呢?答案就是再第一行第一列的单元格中放入"panel"控件。
C# 使用tableLayoutPanel控件实现窗体布局_第7张图片

然后出现下图窗体:
C# 使用tableLayoutPanel控件实现窗体布局_第8张图片

下面一步,就是将panel控件的"Dock"属性设置为“fill”,再将“ColumnSpan”设置为2,因为我们是两列,所以设置为2,如果你是3列就设置为3.

C# 使用tableLayoutPanel控件实现窗体布局_第9张图片
C# 使用tableLayoutPanel控件实现窗体布局_第10张图片
设置完成后,就成这样了:
C# 使用tableLayoutPanel控件实现窗体布局_第11张图片

(5)在第一行放置一些按钮和文本框,在第二行和第三行的每一个单元格放置一个picturebox控件:
C# 使用tableLayoutPanel控件实现窗体布局_第12张图片
然后将picturebox的“Dock”属性设置为“fill”,按钮的“Dock”属性设置为“left”,完成后如下图所示:
C# 使用tableLayoutPanel控件实现窗体布局_第13张图片

C# 使用tableLayoutPanel控件实现窗体布局_第14张图片

(6)运行后,放大或缩小窗体里面的控件也会随之变化了。

你可能感兴趣的:(c#)