WPF教程三：布局之WrapPanel面板

WrapPanel：环绕面板

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

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

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

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

1、Orientation属性的值设置为 Horizontal

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

图1

图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是窗体高度较小时的效果

图1

图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

WPF教程三：布局之WrapPanel面板（转）相关推荐

WPF教程三：布局之WrapPanel面板
WrapPanel:环绕面板 WrapPanel布局面板将各个控件从左至右按照行或列的顺序罗列,当长度或高度不够时就会自动调整进行换行,后续排序按照从上至下或从右至左的顺序进行. Orientatio ...
WPF学习笔记——5）WrapPanel面板和DockPanel面板
上一节我们简单介绍了StackPanel的布局,为了能做出更好看的用户界面,往往一种布局容器是不够的,我们这里介绍了两种布局容器,分别为WrapPanel面板和DockPanel面板布局. 1.Wra ...
PyQt5教程(三)——布局管理
2019独角兽企业重金招聘Python工程师标准>>> 原文:http://zetcode.com/gui/pyqt5/layout/ 布局管理是GUI编程中的重要部分.布局管理是如 ...
C# WPF：初识布局容器
StackPanel堆叠布局 StackPanel是简单布局方式之一,可以很方便的进行纵向布局和横向布局 StackPanel默认是纵向布局的 <Window x:Class="Wpf ...
.NET WPF教程（7）——布局介绍WrapPanel与StackPanel（②）
三. WrapPanel WrapPanel布局面板将各个控件从左至右按照行或列的顺序罗列,当长度或高度不够是就会自动调整进行换行,后续排序按照从上至下或从右至左的顺序进行. Orientat ...
WPF教程六：布局之Grid面板（转）
WPF教程六:布局之Grid面板 Grid:网格面板 Grid顾名思义就是"网格",以表格形式布局元素,对于整个面板上的元素进行布局,它的子控件被放在一个一个事先定义好的小格子里面 ...
.NET WPF教程（6）——布局介绍与Canvas（①）
从这篇文章开始是对WPF中的界面如何布局做一个较简单的介绍,大家都知道:UI是做好一个软件很重要的因素,如果没有一个漂亮的UI,功能做的再好也无法吸引很多用户使用,而且没有漂亮的界面,那么普通用户会感 ...
WPF中5种内建面板Canvas、StackPanel、WrapPanel、DockPanel、Grid分析
Canvas.StackPanel.WrapPanel.DockPanel和Grid是WPF中主要的5种内建面板,这些面板类都位于System.Windows.Controls命名空间下. 主要布局特 ...
Windows 8实例教程系列 - 布局控制
Windows 8实例教程系列 - 布局控制原文:Windows 8实例教程系列 - 布局控制与传统应用类似,Windows store应用允许开发人员通过布局控件管理应用UI. 本篇将讨论Win ...

WPF教程三：布局之WrapPanel面板（转）

WPF教程三：布局之WrapPanel面板

WPF教程三：布局之WrapPanel面板（转）相关推荐

最新文章

热门文章

WPF教程三：布局之WrapPanel面板（转 ）

WPF教程三：布局之WrapPanel面板

WPF教程三：布局之WrapPanel面板（转 ）相关推荐

最新文章

热门文章

WPF教程三：布局之WrapPanel面板（转）

WPF教程三：布局之WrapPanel面板（转）相关推荐