WrapPanel布局面板将各个控件从左至右按照行或列的顺序罗列,当长度或高度不够是就会自动调整进行换行,后续排序按照从上至下或从右至左的顺序进行。
Orientation——根据内容自动换行。当 Horizontal选项看上去类似于Windows资源管理器的缩略图视图:元素是从左向右排列的,然后自上至下自动换行。Vertical 选项看上去类似于Windows资源管理器的列表视图:元素是从上向下排列的,然后从左至右自动换行。
ItemHeight——所有子元素都一致的高度。每个子元素填充高度的方式取决于它的VerticalAlignment属性、Height属性等。任何比ItemHeight高的元素都将被截断。
ItemWidth——所有子元素都一致的宽度。每个子元素填充高度的方式取决于它的VerticalAlignment属性、Width属性等。任何比ItemWidth高的元素都将被截断。
Horizontal横着排列出来,不够排的情况下会自动上下换行
<Window x:Class="WpfCS.布局面板.WrapPanel"
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:WpfCS.布局面板"
mc:Ignorable="d"
Title="WrapPanel" Height="300" Width="300">
<Grid>
<WrapPanel Orientation="Horizontal">
<TextBox Name="textBox_CityID" MinWidth="150" Text="1" />
<TextBox Name="textBox_CityName" MinWidth="50" Text="2" />
<TextBox Name="textBox_ZipCode" MinWidth="150" Text="3" />
<TextBox Name="textBox_ProvinceID" MinWidth="50" Text="4" />
<TextBox Name="textBox_DateCreated" MinWidth="50" Text="5" />
<TextBox Name="textBox_DateUpdated" MinWidth="50" Text="6" />
</WrapPanel>
</Grid>
</Window>
Vertical竖着排列出来,不够排的情况下会自动左右换行
<Window x:Class="WpfCS.布局面板.WrapPanel"
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:WpfCS.布局面板"
mc:Ignorable="d"
Title="WrapPanel" Height="300" Width="300">
<Grid>
<WrapPanel Orientation="Vertical">
<TextBox Name="textBox_CityID" Width="100" Text="1" />
<TextBox Name="textBox_CityName" Width="90" Text="2" />
<TextBox Name="textBox_ZipCode" Width="80" Text="3" />
<TextBox Name="textBox_ProvinceID" Width="70" Text="4" />
<TextBox Name="textBox_DateCreated" Width="60" Text="5" />
<TextBox Name="textBox_DateUpdated" Width="50" Text="6" />
</WrapPanel>
</Grid>
</Window>