WPF - WrapPanel类
在WrapPanel中，子元素根据方向属性按从左到右或从上到下的顺序放置。 StackPanel 和 WrapPanel 之间的唯一区别是它不会将所有子元素堆叠在一行中； 如果没有剩余空间，它将剩余的元素换行到另一行。
WrapPanel 主要用于选项卡或菜单项。 WrapPanel类的层次继承如下−
WrapPanel的常用属性
| Sr. No. | 属性和描述 |
|---|---|
| 1 | Background 获取或设置填充面板内容区域的Brush。 （继承自Panel） |
| 2 | Children 获取此面板的子元素的 UIElementCollection。 （继承自Panel。） |
| 3 | Height 获取或设置元素的建议高度。 （继承自FrameworkElement。） |
| 4 | ItemHeight 获取或设置一个值，该值指定 WrapPanel 中包含的所有项目的高度。 |
| 5 | ItemWidth 获取或设置一个值，该值指定 WrapPanel 中包含的所有项目的宽度。 |
| 6 | LogicalChildren 获取一个可以迭代此Panel 元素的逻辑子元素的枚举器。 （继承自Panel。） |
| 7 | LogicalOrientation 面板的方向（如果面板仅支持单个维度的布局）。 （继承自Panel。） |
| 8 | Margin 获取或设置元素的外边距。 （继承自FrameworkElement。） |
| 9 | Name 获取或设置元素的标识名称。 该名称提供了一个引用，以便代码隐藏（例如事件处理程序代码）可以在 XAML 处理器处理期间构造标记元素后引用该标记元素。 （继承自FrameworkElement。） |
| 10 | Orientation 获取或设置一个值，该值指定子内容的排列维度。 |
| 11 | Parent 获取该元素的逻辑父元素。 （继承自FrameworkElement。） |
| 12 | Resources 获取或设置本地定义的资源字典。 （继承自FrameworkElement。） |
| 13 | Style 获取或设置此元素在呈现时使用的样式。 （继承自FrameworkElement。） |
| 14 | Width 获取或设置元素的宽度。 （继承自 FrameworkElement。） |
示例
以下示例演示如何将子元素添加到 WrapPanel 中。 下面是 XAML 实现，其中文本块和文本框是在 WrapPanel 内水平方向创建的。
<Window x:Class = "WPFWrapPanel.MainWindow"
xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d = "http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local = "clr-namespace:WPFWrapPanel"
mc:Ignorable = "d" Title = "MainWindow" Height = "350" Width = "604">
<Grid>
<WrapPanel Orientation = "Vertical">
<TextBlock Text = "Fist Name" Width = "60" Height = "20" Margin = "5" />
<TextBox Width = "200" Height = "20" Margin = "5" />
<TextBlock Text = "Last Name" Width = "60" Height = "20" Margin = "5" />
<TextBox Width = "200" Height = "20" Margin = "5"/>
<TextBlock Text = "Age" Width = "60" Height = "20" Margin = "5" />
<TextBox Width = "60" Height = "20" Margin = "5" />
<TextBlock Text = "Title" Width = "60" Height = "20" Margin = "5" />
<TextBox Width = "200" Height = "20" Margin = "5" />
</WrapPanel>
</Grid>
</Window>
当您编译并执行上述代码时，将产生以下窗口。 您可以通过将方向属性更改为垂直来更改从上到下的排列。
我们建议您执行上面的示例代码并尝试该类的其他属性。
