大家好，又见面了，我是你们的朋友全栈君。
WrapPanel用于一个接一个的排列子控件，以水平或者垂直方向，当空间不足时就会自动切换到下一行。适合于需要水平或者垂直排列控件且能自动换行的情况。
水平方向排列时，每一行所有子控件的高度都被统一成固定的值，这个值由最高的那个决定；每一列垂直方向排列时，所有子控件的宽度都被统一成固定的值，这个值由最宽的那个决定。
我们先来看默认情况下的WrapPanel：
<Window x:Class="WpfTutorialSamples.Panels.WrapPanel"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="WrapPanel" Height="300" Width="300">
<WrapPanel>
<Button>Test button 1</Button>
<Button>Test button 2</Button>
<Button>Test button 3</Button>
<Button Height="40">Test button 4</Button>
<Button>Test button 5</Button>
<Button>Test button 6</Button>
</WrapPanel>
</Window>
注意我为第二行中的一个按钮指定了一个高度，这就使得第二行所有按钮都被设置成了这个高度。另外，这个面板还做了一件事件：第一行放不下的时候，自动了切换到第二行。
如果你改变窗口大小，譬如缩小窗口，面板立马自动调整以适应新的尺寸：
这些规则在垂直方向排列时也是一样的。来看例子：
<Window x:Class="WpfTutorialSamples.Panels.WrapPanel"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="WrapPanel" Height="120" Width="300">
<WrapPanel Orientation="Vertical">
<Button>Test button 1</Button>
<Button>Test button 2</Button>
<Button>Test button 3</Button>
<Button Width="140">Test button 4</Button>
<Button>Test button 5</Button>
<Button>Test button 6</Button>
</WrapPanel>
</Window>
可以看到，垂直排列规则和水平方向的一模一样。按钮到达底部后就自动切换到第二列。我给第四个按钮设置了较宽的宽度，所以第二列都变成了这个宽度。
特别要注意，水平向的WrapPanel自动匹配同一行的高度，而不会匹配宽度；垂直向的WrapPanel自动匹配同一列的宽度，而不会匹配高度。看下面的例子，垂直向的WrapPanel在第四个按钮同时设置了宽和高：
<Button Width="140" Height="44">Test button 4</Button>
可以看出第五个按钮只使用了第四个按钮的宽，并没有使用高。于是第6个按钮被挤到了第三列。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/163327.html原文链接：https://javaforall.net
