WPF教程（二十五）WrapPanel

WrapPanel用于一个接一个的排列子控件，以水平或者垂直方向，当空间不足时就会自动切换到下一行。适合于需要水平或者垂直排列控件且能自动换行的情况。

水平方向排列时，每一行所有子控件的高度都被统一成固定的值，这个值由最高的那个决定；每一列垂直方向排列时，所有子控件的宽度都被统一成固定的值，这个值由最宽的那个决定。

我们先来看默认情况下的WrapPanel：

        
                Test button 1
                Test button 2
                Test button 3
                Test button 4
                Test button 5
                Test button 6
        

注意我为第二行中的一个按钮指定了一个高度，这就使得第二行所有按钮都被设置成了这个高度。另外，这个面板还做了一件事件：第一行放不下的时候，自动了切换到第二行。

如果你改变窗口大小，譬如缩小窗口，面板立马自动调整以适应新的尺寸：

这些规则在垂直方向排列时也是一样的。来看例子：

        
                Test button 1
                Test button 2
                Test button 3
                Test button 4
                Test button 5
                Test button 6
        

可以看到，垂直排列规则和水平方向的一模一样。按钮到达底部后就自动切换到第二列。我给第四个按钮设置了较宽的宽度，所以第二列都变成了这个宽度。

特别要注意，水平向的WrapPanel自动匹配同一行的高度，而不会匹配宽度；垂直向的WrapPanel自动匹配同一列的宽度，而不会匹配高度。看下面的例子，垂直向的WrapPanel在第四个按钮同时设置了宽和高：

Test button 4

可以看出第五个按钮只使用了第四个按钮的宽，并没有使用高。于是第6个按钮被挤到了第三列。