WPF—WrapPanel布局

最新推荐文章于 2025-09-04 17:16:28 发布

原创

最新推荐文章于 2025-09-04 17:16:28 发布 · 762 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#C#

本文介绍了WPF中的WrapPanel布局，它会根据内容自动换行。Orientation属性控制换行方向，ItemHeight和ItemWidth设置统一的高度和宽度。示例展示了不同宽度下WrapPanel的效果，并提供了XAML和后台代码实现。

WrapPanel布局面板将各个控件从左至右按照行或列的顺序罗列，当长度或高度不够是就会自动调整进行换行，后续排序按照从上至下或从右至左的顺序进行。
Orientation——根据内容自动换行。当 Horizontal选项看上去类似于Windows资源管理器的缩略图视图：元素是从左向右排列的，然后自上至下自动换行。Vertical 选项看上去类似于Windows资源管理器的列表视图：元素是从上向下排列的，然后从左至右自动换行。
ItemHeight——所有子元素都一致的高度。每个子元素填充高度的方式取决于它的VerticalAlignment属性、Height属性等。任何比ItemHeight高的元素都将被截断。
ItemWidth——所有子元素都一致的宽度。每个子元素填充高度的方式取决于它的VerticalAlignment属性、Width属性等。任何比ItemWidth高的元素都将被截断。
本次的示例，效果图如下2图，图1是宽度比较小，图2就是拉长了宽度后的结果。大家可以在实际做出来之后，自行拉动窗体的宽度：
在这里插入图片描述
（图1）

（图2）
上面两图的XAML代码实现：

上面两图的后台代码实现：