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>