简单来说,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>