WPF WrapPanel

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>