3 布局中的空白区域

在.net Framework中，每个控件和其所处的容器以及容器内控件之间，都存在一个可以调整的空白区域，这个空白区域纯粹是为了布局的美观性而存在的。

容器和容器内控件之间的空白称为容器的Padding属性，容器内控件之间的空白称为控件的Margin属性。看一下示意图：

图1 Padding和Margin示意图

很容易理解，蓝色箭头表示的四个空白位置为窗体容器的Padding属性；黄色箭头表示的四个空白位置为按钮控件的Margin属性。

注意：一个控件离其所在容器四周的距离，是容器的Padding属性和该控件的Margin属性之和。例如图中的按钮0，它和Form容器的左边的距离就是Form容器的Padding属性和按钮0的Margin属性之和。

Padding属性和Margin属性的值都是一个Padding类的对象，Padding类为值类型对象，具有四个整型类型属性：Left，Top，Right，Bottom，分别表左上右下四个方向的空白大小。Padding类还有一个特殊的整型类型属性：All，当Left，Top，Right，Bottom属性值相同时，All属性是Left，Top，Right，Bottom其中一个的值，否则All属性值为-1。即当Padding对象的All属性为-1时，表示其Left，Top，Right，Bottom属性值不同，当All属性值为正整数时，表示Left，Top，Right，Bottom值相同，等于All的值。

可以猜想，Padding类大致如下：

Padding.cs

通过Padding类的源码（猜想，非官方源码），可以了解Padding五个属性的工作方式，顺便复习一下值类型构造、比较、Empty字段以及运算符重载的知识。

4 流式布局

我们已经了解，控件都具备Dock方位布局能力，可以按照“上下左右中”五个方位将自身锚定在容器上进行布局。但我们也看到，如果要让容器内的控件进行其它形式的布局（例如上一节中控件成行列布局），则一般需要在容器的Resize事件处理方法内，为容器内的所有控件使用算法进行布局。其复杂度和代码量都不好控制。

除非有特殊需要，一般情况下我们尽量不要自己书写大段的控件布局代码，这些代码很不经济。.net Framework提供了若干个专门用来负责布局控件的容器，使用起来非常方便。

FlowLayoutPanel称为流式布局面板容器，它的作用是将容器内控件按照从左到右（或从右到左）以及从上到下（或从下到上）的顺序排列布局。几点重要属性：

• FlowDirection属性：FlowDirection枚举类型。表示容器内控件布局方向。分别为：LeftToRight（从左到右），TopDown（从上到下），RightToLeft（从右到左），BottomUp（从下到上）四个枚举项。
• WrapContents属性：bool类型。表示是否为容器内控件布局自动换行。对于属性值为true，当控件超出容器范围，则将控件自动排列到下一行；对于false，则忽略超出部分的显示。
• AutoScroll属性：bool类型。表示当WrapContents属性为false时，当控件超出容器范围时，容器是否显示一个滚动条。

好了，该容器使用起来很简单，我们通过实例来说明：

界面显示效果图如下：

图2 程序界面显示效果图

代码如下：

Program.cs

本节代码下载

本次代码中，我们用到了一些其它控件，包括：

• 文本标签控件（Label类）；
• 文本框控件（TextBox类）；
• 组合下拉列表框控件（ComboBox类）；
• 数值调节滑块控件（TrackBar类）

代码中除了展示FlowLayoutPanel容器和上述控件的用法外（特别注意这些控件的事件处理），还展示了容器的Padding属性和控件（以Button为例）的Margin属性，仔细阅读代码，灵活的掌握上述内容。