布局篇-WrapPanel布局

WrapPanel内部采用流式布局，使用orientation属性控制流延伸方向，用HorizontalAlignment和VerticalAlignment两个属性控制内部控件的对齐，例子如下

<WrapPanel>
    <Button Width="50" Height="50" Content="OK" />
    <Button Width="50" Height="50" Content="OK" />
    <Button Width="50" Height="50" Content="OK" />
    <Button Width="50" Height="50" Content="OK" />
    <Button Width="50" Height="50" Content="OK" />
    <Button Width="50" Height="50" Content="OK" />
    <Button Width="50" Height="50" Content="OK" />
    <Button Width="50" Height="50" Content="OK" />
    <Button Width="50" Height="50" Content="OK" />
    <Button Width="50" Height="50" Content="OK" />
</WrapPanel>

效果如下，改变窗口大小，内部控件的位置会自动调整

 

同样的代码，改成垂直布局后的效果