Wpf布局之DockPanel面板！

---

前言

Wpf布局之DockPanel面板！

一、引言

DockPanel面板它沿着一条外边缘来拉伸所包含的控件。

二、使用步骤

DockPanel面板可以控制里面的控件分布在顶部、底部、右边、左边。如果需要实现上述的状态可以使用Dock附加属性，可将这个属性设置为TOP、Bottom、Left、Right。DockPanel默认最后一个控件填满整个剩余空间。

<DockPanel><Button DockPanel.Dock="Bottom" Height="20" Content="底部按钮"/><Button DockPanel.Dock="Left" Width="60" Content="左侧按钮"/><Button DockPanel.Dock="Top" Height="20" Content="顶部按钮"/><Button DockPanel.Dock="Right" Content="右侧按钮"/>
</DockPanel>

效果图

如果不需要最后一个空间填满整个空间可以将LastChildFill属性设置为"False"。

<Grid><DockPanel LastChildFill="False"><Button DockPanel.Dock="Bottom" Height="20" Content="底部按钮"/><Button DockPanel.Dock="Left" Width="60" Content="左侧按钮"/><Button DockPanel.Dock="Top" Height="20" Content="顶部按钮"/><Button DockPanel.Dock="Right" Content="右侧按钮"/></DockPanel>
</Grid>

效果图

注意:每个空间是否填满整行或者整列是根据控件添加的先后顺序来决定的。