WPF教程三:布局之WrapPanel面板(转 )

WPF教程三:布局之WrapPanel面板(转 )
强烈推介IDEA2021.1.3破解激活,IntelliJ IDEA 注册码,2021.1.3IDEA 激活码  

大家好,我是架构君,一个会写代码吟诗的架构师。今天说一说WPF教程三:布局之WrapPanel面板(转 ),希望能够帮助大家进步!!!

WPF教程三:布局之WrapPanel面板

 

WrapPanel:环绕面板

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

     Orientation——根据内容自动换行。当Orientation属性的值设置为 Horizontal:元素是从左向右排列的,然后自上至下自动换行。当Orientation属性的值设置为Vertical:元素是从上向下排列的,然后从左至右自动换行。

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

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

1、Orientation属性的值设置为 Horizontal

示例效果图如下2图所示,图1是窗体宽度较小时候的效果,图2是窗体宽度拉大以后的效果

WPF教程三:布局之WrapPanel面板(转 )

                                       图1

WPF教程三:布局之WrapPanel面板(转 )

                                        图2        

使用XAML代码实现:

  

复制代码
 1 <Window x:Class="WpfDemo.MainWindow"
 2         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 3         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 4         Title="WrapPanel面板" Height="237" Width="525" WindowStartupLocation="CenterScreen">
 5     <WrapPanel Orientation="Horizontal">
 6         <Button Width="100">按钮1</Button>
 7         <Button Width="100">按钮2</Button>
 8         <Button Width="100">按钮3</Button>
 9         <Button Width="100">按钮4</Button>
10         <Button Width="100">按钮5</Button>
11         <Button Width="100">按钮6</Button>
12     </WrapPanel>    
13 </Window>
复制代码

 

2、Orientation属性的值设置为Vertical

示例效果图如下2图所示,图1是窗体高度较大时候的效果,图2是窗体高度较小时的效果

WPF教程三:布局之WrapPanel面板(转 )

                                         图1

WPF教程三:布局之WrapPanel面板(转 )          

                                         图2     

使用XAML代码实现:

复制代码
 1 <Window x:Class="WpfDemo.MainWindow"
 2         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 3         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 4         Title="WrapPanel面板" Height="237" Width="525" WindowStartupLocation="CenterScreen">
 5     <WrapPanel Orientation="Vertical">
 6         <Button Width="100">按钮1</Button>
 7         <Button Width="100">按钮2</Button>
 8         <Button Width="100">按钮3</Button>
 9         <Button Width="100">按钮4</Button>
10         <Button Width="100">按钮5</Button>
11         <Button Width="100">按钮6</Button>
12     </WrapPanel>    
13 </Window>
复制代码

 

  

 
分类: 
WPF

转载于:https://www.cnblogs.com/LiZhongZhongY/p/10871975.html

本文来源weixin_30595035,由架构君转载发布,观点不代表Java架构师必看的立场,转载请标明来源出处:https://javajgs.com/archives/29824

发表评论