布局篇-WrapPanel布局

最新推荐文章于 2024-08-05 17:22:05 发布

原创最新推荐文章于 2024-08-05 17:22:05 发布 · 7.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#button

WPF 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了WrapPanel控件的使用方法，通过设置orientation属性控制流延伸方向，并利用HorizontalAlignment和VerticalAlignment属性实现内部控件的对齐。文章还提供了代码示例及不同布局方式的效果对比。

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>

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