该布局的窗体显示如下：
同StackPanel不同，Dockpanel布局依靠的是它的四个附加在其余控件上的附加属性，看下表：
|
DockPanel.Dock属性 |
说明 |
|
Top |
顶部，如果设置，从中间顶部开始依照上述原则布局 |
|
Left |
左部，默认布局 |
|
Right |
右部，如果设置，从中间右侧开始依照上述原则布局 |
|
Button |
底部，如果设置，从中间底部开始依照上述原则布局 |
看下面实例，xaml代码：
<DockPanel>
<Button DockPanel.Dock="Bottom" Name="btn1" Height="40" Width="40" Content="btn1" />
<Button DockPanel.Dock="Bottom" Height="40" Width="40" Content="btn2" />
<Button Height="40" Width="40" Content="btn2" />
<Button Height="40" Width="40" Content="btn2" />
<Button Height="40" Width="40" Content="btn2" />
<Button Height="40" Width="40" Content="btn2" />
</DockPanel>
界面表现如下：
有上述描述代码可知，此处StackPanel从底部开始布局两个btn，在剩余的空间中（窗体上部），然后从默认位置左部开始依次放置btn，最后一个btn将最后剩余的空间填充。
5、 WrapPanel
WrapPanel布局遵循的原则是从窗体左上角开始，多控件的自动换行。同StackPanel一样，它也有表示纵向和横向的Orientation属性。看下面xaml代码：
<WrapPanel>
<Button Name="btn1" Height="40" Width="40" Content="btn1" />
<Button Height="40" Width="40" Content="btn2" />
<Button Height="40" Width="40" Content="btn2" />
<Button Height="40" Width="40" Content="btn2" />
<Button Height="40" Width="40" Content="btn2" />
<Button Height="40" Width="40" Content="btn2" />
<Button Height="40" Width="40" Content="btn2" />
<Button Height="40" Width="40" Content="btn2" />
<Button Height="40" Width="40" Content="btn2" />
<Button Height="40" Width="40" Content="btn2" />
</WrapPanel>
