WrapPanel位于每个子控件的旁边，并且水平(默认)或垂直方向将移动到下一行，直到没有更多的空间。 用于需要在没有更多空间时自动换行的纵向或横向列表控件的情况。
如果曲面板使用Horizo ntal方向，则子控件如下所示
被赋予同样的高度，基于最好的项目。 如果“WrapPanel”为垂直方向，则根据最宽的项目对子控件赋予相同的宽度。
第一个示例检查具有默认(水平)方向的“WrapPanel”。
windowx : class=' wpftutorialsamples.panels.wrap panel ' xmlns=' http://schemas.Microsoft.com/winfx/2006/xaml presentation ' xmlns : x=' http://schemas.Microsoft.com/winfx/2006/xaml ' title=' wrap panel ' height=' 300 buttonbuttontestbutton3/buttonbuttonheight=' 40 ' testbutton4/buttonbutton5/button tonton
请注意如何为第二行按钮设置特定的高度。 在生成的屏幕快照中，您可以看到按钮的整行高度相同，而不是所需的高度，如第一行所示。 此外，请注意，面板功能正如其名称所暗示的那样，如果内容无法支持更多内容，请包装内容。 在这种情况下，第四个按钮不能放在第一行中，所以会自动换行到下一行。
通过缩小窗口来缩小可用空间，可以看到面板如何快速适应。
如果将方向设置为垂直，则所有这些行为都相同。 这是一个与上一个完全相同的示例，但使用Vertical WrapPanel。
windowx : class=' wpftutorialsamples.panels.wrap panel ' xmlns=' http://schemas.Microsoft.com/winfx/2006/xaml presentation ' xmlns : x=' http://schemas.Microsoft.com/winfx/2006/XML ' title=' wrap panel ' height=' 120 ' width=' 300 ' wrappanelorientation=' vertical ' buttontestbutton1/button buttton buttonbuttonwidth=' 140 ' testbutton4/buttonbuttontestbutton5/buttonbutton6/button
您可以看到按钮是如何垂直而不是水平的。 这是因为按钮到达并围绕在窗口的底部。 本示例将第四个按钮的宽度设置为较宽。 正如您在水平示例中看到的按钮高度一样，您可以看到同一列中的按钮也具有相同的宽度。
请注意，Horizo ntal WrapPanel与同一行的高度匹配，Vertical WrapPanel与同一列宽匹配，但Vertical WrapPanel的高度不匹配，Horizo ntal WrapPanel的宽度不匹配请看这个例子。 这是Vertical WrapPanel，但第四个按钮获取自定义宽度和高度：
button width=' 140 ' height=' 44 ' testbutton4/button看起来是这样的。