WPF中的WrapPanel(环绕布局)

WPF中的WrapPanel(环绕布局)

开发工具与关键技术：Visual Studio 2015、WPF
作者：郑伟基
撰写时间：2019年5月24日

下面我们使用WrapPanel布局(环绕面板)，WrapPanel布局是将各部分的控件从左到右排列，或者从上到下排列，排列的时候长度或者高度不够的话会自动进行换行，到后面的排序是按照从上到下或者从右到左的顺序进行排列。
我们设置Orentation可以设置它是进行水平排列还是进行垂直排列，有2个值：
1、 当把Orentation的属性设置为Horizontal的时候：里面元素是从左到右进行排列的，然后从上到下自动换行。
2、 当把Orentation的属性设置为Vertical的时候：里面的元素是从上向下排列的，然后从左到右进行自动换行。

见下面XAML代码：

在上面的XAML代码中看到，先用了一个网格布局把里面分成两行，一行是水平排列，一行是垂直排列，水平排布的值设置的是Horizontal，设置这个值使得里面的按钮按水平方向进行排列，向上到下进行换行；垂直排布的值设置的是Vertical，设置这个值使得里面的按钮向垂直方向进行排列，向右到左进行换行。

见下面的排布效果截图：

在上面的效果截图中看到，上面的是水平排布，下面的垂直排布，它们都会根据宽度进行调整的，根据窗体的高度或者宽度变大变小进行自动调整。