简单来说，WrapPanel就是一个可以行填充，自动换行。或者列填充，自动换列的一个布局容器。

如下所示，它会自动将10个button分成2行

<WrapPanel><Button Content="button1" /><Button Content="button2" /><Button Content="button3" /><Button Content="button4" /><Button Content="button5" /><Button Content="button6" /><Button Content="button7" /><Button Content="button8" /><Button Content="button9" /><Button Content="butto10" />        </WrapPanel>

 如果将其中一个Button设置不一样的高度，那么整列的行高会以最高的这个为主

    <WrapPanel><Button Content="button1" Height="20" /><Button Content="button2" Height="20"/><Button Content="button3" Height="20"/><Button Content="button4" Height="30"/><Button Content="button5" Height="20"/><Button Content="button6" /><Button Content="button7" /><Button Content="button8" /><Button Content="button9" /><Button Content="butto10" />        </WrapPanel>

 

下面来看垂直方向排列，在wrapPanel 后加上属性orientation="Vertical"：

  <WrapPanel Orientation="Vertical"><Button Content="button1"  /><Button Content="button2" /><Button Content="button3"/><Button Content="button4" /><Button Content="button5" Width="100" /><Button Content="button6" /><Button Content="button7" /><Button Content="button8" /><Button Content="button9" Width="80"/><Button Content="butto10" />        </WrapPanel>