你的位置:首页 > 软件开发 > ASP.net > WPF入门教程系列七——布局之WrapPanel与StackPanel(二)

WPF入门教程系列七——布局之WrapPanel与StackPanel(二)

发布时间:2015-06-19 00:03:45
三. WrapPanel WrapPanel布局面板将各个控件从左至右按照行或列的顺序罗列,当长度或高度不够是就会自动调整进行换行,后续排序按照从上至下或从右至左的顺序进行。 Orientation——根据内容自动换行。当 Hor ...

三. WrapPanel

  WrapPanel布局面板将各个控件从左至右按照行或列的顺序罗列,当长度或高度不够是就会自动调整进行换行,后续排序按照从上至下或从右至左的顺序进行。

 Orientation——根据内容自动换行。当 Horizontal选项看上去类似于Windows资源管理器的缩略图视图:元素是从左向右排列的,然后自上至下自动换行。Vertical 选项看上去类似于Windows资源管理器的列表视图:元素是从上向下排列的,然后从左至右自动换行。

   ItemHeight——所有子元素都一致的高度。每个子元素填充高度的方式取决于它的VerticalAlignment属性、Height属性等。任何比ItemHeight高的元素都将被截断。

   ItemWidth——所有子元素都一致的宽度。每个子元素填充高度的方式取决于它的VerticalAlignment属性、Width属性等。任何比ItemWidth高的元素都将被截断。

 

本次的示例,效果图如下2图,图1是宽度比较小,图2就是拉长了宽度后的结果。大家可以在实际做出来之后,自行拉动窗体的宽度:

 WPF入门教程系列七——布局之WrapPanel与StackPanel(二)

                图1

 

WPF入门教程系列七——布局之WrapPanel与StackPanel(二)

                                    图2

 

上面两图的XAML代码实现:

<Window x:Class="WpfApp1.WindowWrap"    ="http://schemas.microsoft.com/get='_blank'>winfx/2006/xaml/presentation"    ="http://schemas.microsoft.com/winfx/2006/xaml"    Title="WindowWrap" Height="300" Width="400">  <Grid>    <WrapPanel Orientation="Horizontal">             <TextBlock Name="textBlock_CityID" Text="CityID:" />        <TextBox Name="textBox_CityID" MinWidth="100" />             <TextBlock Name="textBlock_CityName" Text="CityName:" />        <TextBox Name="textBox_CityName" MinWidth="100" />             <TextBlock Name="textBlock_ZipCode" Text="ZipCode:" />        <TextBox Name="textBox_ZipCode" MinWidth="100" />             <TextBlock Name="textBlock_ProvinceID" Text="ProvinceID:" />        <TextBox Name="textBox_ProvinceID" MinWidth="100"  />            <TextBlock Name="textBlock_DateCreated" Text="DateCreated:" />        <TextBox Name="textBox_DateCreated" MinWidth="100"  />            <TextBlock Name="textBlock_DateUpdated" Text="DateUpdated:" />        <TextBox Name="textBox_DateUpdated" MinWidth="100" />         </WrapPanel>   </Grid></Window>

原标题:WPF入门教程系列七——布局之WrapPanel与StackPanel(二)

关键词:wpf

wpf
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。