图形界面编程（五）布局容器类（1）

一时失言乱红尘 2022-07-14 23:51 132阅读 0赞

[点击打开链接][Link 1]

从ContainerControl类继承的子类作为容器窗体，可以容纳除Form类对象外的其余窗体对象。

在所有容器窗体内，最基本的就是顶级容器Form类以及面板容器Panel类。这两者的主要区别为：前者具有Windows标准框架（标题栏，最大化、最小化和关闭按钮，窗体边框，可调整尺寸），并且可以独立存在；后者只是一块区域，并且必须依附在某个容器窗体上，无法独立存在。除了它们的区别外，他们都具有：Controls属性，可以在上面放置控件；控件放置的位置需要通过控件的Top和Left属性或者控制。

**1 绝对布局**

对于**容器类型的控件**（包括Form类型），出了Size，Bounds属性外，还有**ClientSize**和**ClientRectangle**属性，前者表示客户区尺寸，Size类型；后者表示客户区的矩形，是一个Rectangle类型。所谓客户区，就是容器实际可以使用的空间，对于Form类型来说，客户区就是除过标题栏，四周的边框外剩余的部分。

[![客户区示意图][0_1271587591a3CO.gif]][0_1271587591a3CO.gif]图1 客户区示意图

一般来说，直接在Form上或Panel上放置控件，控件的位置不会自动调整，完全依赖控件的Left, Top和Location等属性控制，控件的大小也不会自动改变，完全依靠控件的Width, Height和Size等属性控制。这种方式称为**绝对位置布局**。

我们再来熟悉一下这些用于定位一个控件的属性们，它们可以用于获取或设置控件的位置和尺寸：

*  **Left**属性：控件距离其容器左边界的距离，int类型；
 *  **Top**属性：控件距离其容器上边界的距离，int类型；
 *  **Location**属性：控件左上角坐标距离其容器的距离，Point类型。一般而言，可以把容器的左上角认为是坐标轴原点，则Location属性表示控件相对于其容器的坐标。所以其X属性等于控件的Left属性，Y属性等于控件的Top属性；

*  **Width**属性：控件的宽度，int类型；
 *  **Height**属性：控件的高度，int类型；
 *  **Size**属性：控件的尺寸，包括宽度和高度，Size类型；

除了以上六个属性外，还可以使用**Bounds**属性，这是一个Rectangle类型的属性，表示一个相对于容器左上角为坐标原点的矩形，即控件的位置和尺寸。利用SetBounds方法还可以使用X, Y, Width, Height四个分量设置Bounds属性。

**2 锚定相对布局**

如果进一步设置控件的Dock属性，则可以设定控件再容器内的**相对位置**，Dock属性可以设置控件按照其所在容器的“**左右上下中**”这五个方位来放置控件，此时控件只能设置Width、Height和Size属性，而无法设置Left、Top和Location属性，即控件只能调整大小，无法自由设置位置。这种控件依照容器的相对位置放置控件的方式称为“**相对位置布局**”。

Dock的属性值是一个DockType枚举，其称谓为“**锚定**”，就是将控件和其容器的左右上下中这五个位置绑定，无论容器移动到什么地方，也无论容器的尺寸如何变化，控件始终确定在这五个位置之一的地方。这个枚举其定义如下：

<table style="width:708px; border-width:0px; padding:0px"> 
 <tbody> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;&lt;summary&gt;</td> 
 </tr> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;定义锚定方位的枚举</td> 
 </tr> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;&lt;/summary&gt;</td> 
 </tr> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;public&nbsp;enum&nbsp;DockStyle&nbsp;{ </td> 
 </tr> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;&lt;summary&gt;</td> 
 </tr> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;取消锚定</td> 
 </tr> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;&lt;/summary&gt;</td> 
 </tr> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;None&nbsp;=&nbsp;0,</td> 
 </tr> 
 <tr> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;&lt;summary&gt;</td> 
 </tr> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;锚定在顶部</td> 
 </tr> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;&lt;/summary&gt;</td> 
 </tr> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Top&nbsp;=&nbsp;1,</td> 
 </tr> 
 <tr> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;&lt;summary&gt;</td> 
 </tr> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;锚定在底部</td> 
 </tr> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;&lt;/summary&gt;</td> 
 </tr> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bottom&nbsp;=&nbsp;2,</td> 
 </tr> 
 <tr> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;&lt;summary&gt;</td> 
 </tr> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;锚定在左边</td> 
 </tr> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;&lt;/summary&gt;</td> 
 </tr> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Left&nbsp;=&nbsp;3,</td> 
 </tr> 
 <tr> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;&lt;summary&gt;</td> 
 </tr> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;锚定在右边</td> 
 </tr> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;&lt;/summary&gt;</td> 
 </tr> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Right&nbsp;=&nbsp;4,</td> 
 </tr> 
 <tr> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;&lt;summary&gt;</td> 
 </tr> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;锚定在中央并充满容器</td> 
 </tr> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;&lt;/summary&gt;</td> 
 </tr> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Fill&nbsp;=&nbsp;5,</td> 
 </tr> 
 <tr> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;}</td> 
 </tr> 
 </tbody> 
</table>

[![锚定布局方位图][0_1271584952jxww.gif]][0_1271587591a3CO.gif]图2 锚定布局方位图

下面我们用一段代码来演示一下：

<table style="width:708px; border-width:0px; padding:0px"> 
 <tbody> 
 <tr> 
 <td style="color:teal">1&nbsp;</td> 
 <td>using&nbsp;System;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">2&nbsp;</td> 
 <td>using&nbsp;System.Drawing;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">3&nbsp;</td> 
 <td>using&nbsp;System.Windows.Forms;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">4&nbsp;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">5&nbsp;</td> 
 <td>namespace&nbsp;Edu.Study.Graphics.DockLayout&nbsp;{ </td> 
 </tr> 
 <tr> 
 <td style="color:teal">6&nbsp;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">7&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;&lt;summary&gt;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">8&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;继承Form类,&nbsp;定义窗体类</td> 
 </tr> 
 <tr> 
 <td style="color:teal">9&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;&lt;/summary&gt;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">10&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;class&nbsp;MyForm&nbsp;:&nbsp;Form&nbsp;{ </td> 
 </tr> 
 <tr> 
 <td style="color:teal">11&nbsp;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">12&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;以不变模式设定WIN_TITLE,&nbsp;表示窗体标题</td> 
 </tr> 
 <tr> 
 <td style="color:teal">13&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;private&nbsp;const&nbsp;string&nbsp;WIN_TITLE&nbsp;=&nbsp;"面板演示";</td> 
 </tr> 
 <tr> 
 <td style="color:teal">14&nbsp;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">15&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;&lt;summary&gt;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">16&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;面板类</td> 
 </tr> 
 <tr> 
 <td style="color:teal">17&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;&lt;/summary&gt;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">18&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;private&nbsp;Panel&nbsp;panel;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">19&nbsp;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">20&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;&lt;summary&gt;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">21&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;按钮</td> 
 </tr> 
 <tr> 
 <td style="color:teal">22&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;&lt;/summary&gt;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">23&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;private&nbsp;Button&nbsp;button;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">24&nbsp;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">25&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;&lt;summary&gt;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">26&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;单选按钮数组</td> 
 </tr> 
 <tr> 
 <td style="color:teal">27&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;&lt;/summary&gt;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">28&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;private&nbsp;RadioButton[]&nbsp;radioButtons;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">29&nbsp;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">30&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;&lt;summary&gt;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">31&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;构造器</td> 
 </tr> 
 <tr> 
 <td style="color:teal">32&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;&lt;/summary&gt;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">33&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;public&nbsp;MyForm()&nbsp;{ </td> 
 </tr> 
 <tr> 
 <td style="color:teal">34&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;设定窗体标题</td> 
 </tr> 
 <tr> 
 <td style="color:teal">35&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.Text&nbsp;=&nbsp;WIN_TITLE;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">36&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;设定窗体最大化</td> 
 </tr> 
 <tr> 
 <td style="color:teal">37&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.WindowState&nbsp;=&nbsp;FormWindowState.Maximized;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">38&nbsp;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">39&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;实例化面板类对象</td> 
 </tr> 
 <tr> 
 <td style="color:teal">40&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.panel&nbsp;=&nbsp;new&nbsp;Panel();</td> 
 </tr> 
 <tr> 
 <td style="color:teal">41&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;设置面板的边框为三维效果</td> 
 </tr> 
 <tr> 
 <td style="color:teal">42&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.panel.BorderStyle&nbsp;=&nbsp;BorderStyle.Fixed3D;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">43&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;设定面板的锚定方式为无</td> 
 </tr> 
 <tr> 
 <td style="color:teal">44&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.panel.Dock&nbsp;=&nbsp;DockStyle.None;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">45&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;设定面板的背景色为白色</td> 
 </tr> 
 <tr> 
 <td style="color:teal">46&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.panel.BackColor&nbsp;=&nbsp;Color.White;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">47&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;为面板更改尺寸事件绑定委托方法</td> 
 </tr> 
 <tr> 
 <td style="color:teal">48&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.panel.Resize&nbsp;+=&nbsp;new&nbsp;EventHandler(OnPanelResized);</td> 
 </tr> 
 <tr> 
 <td style="color:teal">49&nbsp;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">50&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;实例化按钮对象</td> 
 </tr> 
 <tr> 
 <td style="color:teal">51&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.button&nbsp;=&nbsp;new&nbsp;Button();</td> 
 </tr> 
 <tr> 
 <td style="color:teal">52&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;因为button是panel的子窗体,&nbsp;所以背景色默认也会变为白色</td> 
 </tr> 
 <tr> 
 <td style="color:teal">53&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;这里为按钮重新指定颜色,&nbsp;SystemColors.Control是操作系统默认的控件背景色</td> 
 </tr> 
 <tr> 
 <td style="color:teal">54&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.button.BackColor&nbsp;=&nbsp;SystemColors.Control;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">55&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;设置按钮文本</td> 
 </tr> 
 <tr> 
 <td style="color:teal">56&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;button.Text&nbsp;=&nbsp;"点下我！";</td> 
 </tr> 
 <tr> 
 <td style="color:teal">57&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;为按钮点击事件绑定委托方法</td> 
 </tr> 
 <tr> 
 <td style="color:teal">58&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;button.Click&nbsp;+=&nbsp;new&nbsp;EventHandler(OnButtonClick);</td> 
 </tr> 
 <tr> 
 <td style="color:teal">59&nbsp;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">60&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;将按钮加入面板</td> 
 </tr> 
 <tr> 
 <td style="color:teal">61&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.panel.Controls.Add(this.button);</td> 
 </tr> 
 <tr> 
 <td style="color:teal">62&nbsp;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">63&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;实例化radioButtons数组,&nbsp;数组长度和锚定样式数量相同</td> 
 </tr> 
 <tr> 
 <td style="color:teal">64&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.radioButtons&nbsp;=&nbsp;new&nbsp;RadioButton[(int)DockStyle.Fill&nbsp;+&nbsp;1];</td> 
 </tr> 
 <tr> 
 <td style="color:teal">65&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;for&nbsp;(int&nbsp;i&nbsp;=&nbsp;0;&nbsp;i&nbsp;&lt;&nbsp;this.radioButtons.Length;&nbsp;i++)&nbsp;{ </td> 
 </tr> 
 <tr> 
 <td style="color:teal">66&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;RadioButton&nbsp;rb&nbsp;=&nbsp;new&nbsp;RadioButton();</td> 
 </tr> 
 <tr> 
 <td style="color:teal">67&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;设定RadioButton的显示文本</td> 
 </tr> 
 <tr> 
 <td style="color:teal">68&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;rb.Text&nbsp;=&nbsp;((DockStyle)i).ToString();</td> 
 </tr> 
 <tr> 
 <td style="color:teal">69&nbsp;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">70&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;将RadioButton对象加入面板</td> 
 </tr> 
 <tr> 
 <td style="color:teal">71&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.panel.Controls.Add(rb);</td> 
 </tr> 
 <tr> 
 <td style="color:teal">72&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;为数组元素赋值RadioButton对象引用</td> 
 </tr> 
 <tr> 
 <td style="color:teal">73&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.radioButtons[i]&nbsp;=&nbsp;rb;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">74&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</td> 
 </tr> 
 <tr> 
 <td style="color:teal">75&nbsp;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">76&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;将面板加入窗体</td> 
 </tr> 
 <tr> 
 <td style="color:teal">77&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.Controls.Add(this.panel);</td> 
 </tr> 
 <tr> 
 <td style="color:teal">78&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</td> 
 </tr> 
 <tr> 
 <td style="color:teal">79&nbsp;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">80&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;&lt;summary&gt;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">81&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;处理按钮点击事件的委托方法</td> 
 </tr> 
 <tr> 
 <td style="color:teal">82&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;&lt;/summary&gt;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">83&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;private&nbsp;void&nbsp;OnButtonClick(object&nbsp;sender,&nbsp;EventArgs&nbsp;e)&nbsp;{ </td> 
 </tr> 
 <tr> 
 <td style="color:teal">84&nbsp;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">85&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;设置面板的宽度和高度为父窗体的1/3</td> 
 </tr> 
 <tr> 
 <td style="color:teal">86&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.panel.Width&nbsp;=&nbsp;this.ClientSize.Width&nbsp;/&nbsp;3;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">87&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.panel.Height&nbsp;=&nbsp;this.ClientSize.Height&nbsp;/&nbsp;3;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">88&nbsp;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">89&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;每点击一次按钮,&nbsp;更改面板的锚定方式</td> 
 </tr> 
 <tr> 
 <td style="color:teal">90&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(this.panel.Dock&nbsp;==&nbsp;DockStyle.Fill)&nbsp;{ </td> 
 </tr> 
 <tr> 
 <td style="color:teal">91&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.panel.Dock&nbsp;=&nbsp;DockStyle.None;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">92&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;{ </td> 
 </tr> 
 <tr> 
 <td style="color:teal">93&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.panel.Dock&nbsp;=&nbsp;(DockStyle)this.panel.Dock&nbsp;+&nbsp;1;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">94&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</td> 
 </tr> 
 <tr> 
 <td style="color:teal">95&nbsp;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">96&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;更改主窗体标题</td> 
 </tr> 
 <tr> 
 <td style="color:teal">97&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.Text&nbsp;=&nbsp;String.Format("{0}&nbsp;面板的锚定方式目前为：{1}",&nbsp;WIN_TITLE,&nbsp;this.panel.Dock);</td> 
 </tr> 
 <tr> 
 <td style="color:teal">98&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.radioButtons[(int)this.panel.Dock].Checked&nbsp;=&nbsp;true;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">99&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</td> 
 </tr> 
 <tr> 
 <td style="color:teal">100&nbsp;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">101&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;&lt;summary&gt;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">102&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;面板尺寸改变事件委托方法</td> 
 </tr> 
 <tr> 
 <td style="color:teal">103&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;///&nbsp;&lt;/summary&gt;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">104&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;private&nbsp;void&nbsp;OnPanelResized(object&nbsp;sender,&nbsp;EventArgs&nbsp;e)&nbsp;{ </td> 
 </tr> 
 <tr> 
 <td style="color:teal">105&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;在面板改变尺寸后,&nbsp;设置按钮位于面板中央</td> 
 </tr> 
 <tr> 
 <td style="color:teal">106&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.button.Left&nbsp;=&nbsp;(this.panel.ClientSize.Width&nbsp;-&nbsp;this.button.Width)&nbsp;/&nbsp;2;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">107&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.button.Top&nbsp;=&nbsp;(this.panel.ClientSize.Height&nbsp;-&nbsp;this.button.Height)&nbsp;/&nbsp;2;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">108&nbsp;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">109&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;间隔距离</td> 
 </tr> 
 <tr> 
 <td style="color:teal">110&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;marginPart&nbsp;=&nbsp;0;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">111&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;起始位置</td> 
 </tr> 
 <tr> 
 <td style="color:teal">112&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;start&nbsp;=&nbsp;0;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">113&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;遍历RadioButton数组,&nbsp;设置每一个RadioButton的位置</td> 
 </tr> 
 <tr> 
 <td style="color:teal">114&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;foreach&nbsp;(RadioButton&nbsp;rb&nbsp;in&nbsp;this.radioButtons)&nbsp;{ </td> 
 </tr> 
 <tr> 
 <td style="color:teal">115&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;根据面板的锚定方式选择计算位置的分支</td> 
 </tr> 
 <tr> 
 <td style="color:teal">116&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;switch&nbsp;(this.panel.Dock)&nbsp;{ </td> 
 </tr> 
 <tr> 
 <td style="color:teal">117&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;DockStyle.Fill:</td> 
 </tr> 
 <tr> 
 <td style="color:teal">118&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;DockStyle.Top:</td> 
 </tr> 
 <tr> 
 <td style="color:teal">119&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;DockStyle.Bottom:</td> 
 </tr> 
 <tr> 
 <td style="color:teal">120&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;对于填充,&nbsp;置顶,&nbsp;置底三种锚定方式,&nbsp;采用横向摆放RadioButton控件</td> 
 </tr> 
 <tr> 
 <td style="color:teal">121&nbsp;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">122&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;设定每个RadioButton的上边距为面板高度的四分之一</td> 
 </tr> 
 <tr> 
 <td style="color:teal">123&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;rb.Top&nbsp;=&nbsp;this.panel.ClientSize.Height&nbsp;/&nbsp;4;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">124&nbsp;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">125&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;计算每个RadioButton控件的间距</td> 
 </tr> 
 <tr> 
 <td style="color:teal">126&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(marginPart&nbsp;==&nbsp;0)&nbsp;{ </td> 
 </tr> 
 <tr> 
 <td style="color:teal">127&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;marginPart&nbsp;=&nbsp;this.ClientSize.Width&nbsp;/&nbsp;this.radioButtons.Length;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">128&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;start&nbsp;=&nbsp;marginPart;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">129&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</td> 
 </tr> 
 <tr> 
 <td style="color:teal">130&nbsp;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">131&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;按照RadioButton的间距等距设定其左边距</td> 
 </tr> 
 <tr> 
 <td style="color:teal">132&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;rb.Left&nbsp;=&nbsp;start&nbsp;-&nbsp;rb.Width;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">133&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">134&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;DockStyle.Left:</td> 
 </tr> 
 <tr> 
 <td style="color:teal">135&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;DockStyle.Right:</td> 
 </tr> 
 <tr> 
 <td style="color:teal">136&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;对于靠左、靠右两种种锚定方式,&nbsp;采用纵向摆放RadioButton控件</td> 
 </tr> 
 <tr> 
 <td style="color:teal">137&nbsp;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">138&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;设定RadioButton的左边距为面板宽度的四分之一</td> 
 </tr> 
 <tr> 
 <td style="color:teal">139&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;rb.Left&nbsp;=&nbsp;this.panel.ClientSize.Width&nbsp;/&nbsp;4;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">140&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(this.panel.Dock&nbsp;==&nbsp;DockStyle.Right)&nbsp;{ </td> 
 </tr> 
 <tr> 
 <td style="color:teal">141&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;如果面板靠右锚定,&nbsp;设置RadioButton的左边距为面板的四分之三</td> 
 </tr> 
 <tr> 
 <td style="color:teal">142&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;rb.Left&nbsp;=&nbsp;this.panel.ClientSize.Width&nbsp;-&nbsp;rb.Width;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">143&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</td> 
 </tr> 
 <tr> 
 <td style="color:teal">144&nbsp;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">145&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;计算每个RadioButton控件的间距</td> 
 </tr> 
 <tr> 
 <td style="color:teal">146&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(marginPart&nbsp;==&nbsp;0)&nbsp;{ </td> 
 </tr> 
 <tr> 
 <td style="color:teal">147&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;marginPart&nbsp;=&nbsp;this.ClientSize.Height&nbsp;/&nbsp;this.radioButtons.Length;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">148&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</td> 
 </tr> 
 <tr> 
 <td style="color:teal">149&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;按照RadioButton的高度垂直等间距设置上边距</td> 
 </tr> 
 <tr> 
 <td style="color:teal">150&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;rb.Top&nbsp;=&nbsp;start&nbsp;+&nbsp;rb.Height;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">151&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">152&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</td> 
 </tr> 
 <tr> 
 <td style="color:teal">153&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;start&nbsp;+=&nbsp;marginPart;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">154&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</td> 
 </tr> 
 <tr> 
 <td style="color:teal">155&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</td> 
 </tr> 
 <tr> 
 <td style="color:teal">156&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;}</td> 
 </tr> 
 <tr> 
 <td style="color:teal">157&nbsp;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">158&nbsp;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td style="color:teal">159&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;static&nbsp;class&nbsp;Program&nbsp;{ </td> 
 </tr> 
 <tr> 
 <td style="color:teal">160&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;static&nbsp;void&nbsp;Main()&nbsp;{ </td> 
 </tr> 
 <tr> 
 <td style="color:teal">161&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Application.EnableVisualStyles();</td> 
 </tr> 
 <tr> 
 <td style="color:teal">162&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Application.SetCompatibleTextRenderingDefault(false);</td> 
 </tr> 
 <tr> 
 <td style="color:teal">163&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Application.Run(new&nbsp;MyForm());</td> 
 </tr> 
 <tr> 
 <td style="color:teal">164&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</td> 
 </tr> 
 <tr> 
 <td style="color:teal">165&nbsp;</td> 
 <td>&nbsp;&nbsp;&nbsp;&nbsp;}</td> 
 </tr> 
 <tr> 
 <td style="color:teal">166&nbsp;</td> 
 <td>}</td> 
 </tr> 
 </tbody> 
</table>

本章代码[下载][Link 2]

可以看到，在主窗体上，我们放置了一个面板（Panel），面板上有一个按钮（Button）和五个单项按钮（RadioButton），第40-77行代码是Form类构造器，实例化并创建了上述控件，并将它们都加入各自的容器（这里将Panel的容器设置为From）。对于面板，我们绑定了它的Resize事件，当面板尺寸发生改变时引发，执行OnPanelResized方法（第104-156行）；对于按钮，我们绑定了它的Click事件，当按钮点击时引发，执行OnButtonClick方法（第83-99行）。

在OnButtonClick方法中，重新定义了面板的尺寸，然后将面板的Dock属性切换为另一个值。所以我们可以看到，一旦点击按钮，面板的位置就会发生变化，分别会位于Form容器的上（值为1）、下（值为2）、左（值为3）、右（值为4）、中（值为5）几个位置，而面板的Dock属性为None（值为0）时，面板绝对定位位置，不在按照锚定位置布局。如下图：

图3 锚定方位示意图

可以看到，当Dock属性为DockStyle.Top或DocStyle.Bottom时，只能设置控件的**Height**属性，其它位置和尺寸属性均无效；当设置为DockType.Left或DocType.Right时，只能设置控件的Width属性，其它属性无效。当控件的Dock属性为DockType.None时，则控件的位置按照其Top，Left和Location属性定位，控件的尺寸按照其Width，Height和Size属性来设定。

在OnPanelResized方法中，由于按钮和单选按钮都没有设定其Dock属性（即Dock属性为DockType.None），所以我们采用绝对定位，通过一个简单的[算法][Link 3]，根据面板当前的的锚定方式，计算按钮和五个单选按钮的位置。如果是面板按照DockType.Top, DockType.Buttom, DockType.Fill布局，则单选按钮按照横向平均间距布局，否则按照纵向平均间距布局，对于DockType.None不作处理。

通过上面的比较可以看出，绝对布局存在的问题是：除非不允许容器改变大小，否则容器一旦改变尺寸，将会破坏布局结构，而相对布局则不存在这个问题。

[Link 1]: http://blog.csdn.net/mousebaby808/article/details/5499851
[0_1271587591a3CO.gif]: /images/20220715/7aa8f62e912d4e239f5cb9444fbef902.png
[0_1271584952jxww.gif]: http://hi.csdn.net/attachment/201004/18/0_1271584952jxww.gif
[Link 2]: http://cid-79da10bb7cf16b34.skydrive.live.com/self.aspx/Code/C%5E3/Study/Edu.Study.Graphics.DockLayout.rar
[Link 3]: http://lib.csdn.net/base/datastructure