WPF控件之WrapPanel的用法

最新推荐文章于 2024-06-09 15:24:34 发布

xieehu

最新推荐文章于 2024-06-09 15:24:34 发布

阅读量1.1k

点赞数

分类专栏： WPF控件文章标签： wpf c# 开发语言

本文链接：https://blog.csdn.net/xieehu/article/details/129079232

版权

WPF控件专栏收录该内容

9 篇文章 2 订阅

订阅专栏

WrapPanel是一个可以行填充或列填充的布局组件，它可以自动换行或换列。例如，给定的代码示例展示了如何将10个按钮按两行排列。当按钮的高度不同时，行高会依据最高的按钮调整。此外，通过设置orientation属性为Vertical，可以实现垂直排列，按钮的宽度会影响列宽。

摘要由CSDN通过智能技术生成

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