wpf界面布局,wpf界面布局有哪几种方式,WPF使用WrapPanel环绕面板布局

wpf界面布局,wpf界面布局有哪几种方式,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是窗口宽度放大后的效果。

图1

图2

使用XAML代码来实现:

窗口x:Class=WpfDemo。主窗口

xmlns= http://schemas . Microsoft . com/winfx/2006/xaml/presentation

xmlns:x= http://schemas . Microsoft . com/winfx/2006/xaml

title= wrap Panel Panel height= 237 width= 525 Windows启动=中央屏幕

WrapPanel方向=水平

Width= 100 按钮1/按钮

Width= 100 按钮2/按钮

Width= 100 按钮3/按钮

Width= 100 按钮4/按钮

宽度= 100 按钮5/按钮

Width= 100 按钮6/按钮

/WrapPanel

/窗口

2、Orientation属性的值设置为Vertical

示例渲染如图2所示。图1显示了窗口高度较大时的效果,图2显示了窗口高度较小时的效果。

图1

图2

使用XAML代码来实现:

窗口x:Class=WpfDemo。主窗口

xmlns= http://schemas . Microsoft . com/winfx/2006/xaml/presentation

xmlns:x= http://schemas . Microsoft . com/winfx/2006/xaml

title= wrap Panel Panel height= 237 width= 525 Windows启动=中央屏幕

WrapPanel方向=垂直

Width= 100 按钮1/按钮

Width= 100 按钮2/按钮

Width= 100 按钮3/按钮

Width= 100 按钮4/按钮

宽度= 100 按钮5/按钮

Width= 100 按钮6/按钮

/WrapPanel

/窗口

这就是这篇关于WPF使用WrapPanel包围面板布局的文章。希望对大家的学习有帮助,也希望大家多多支持。

wpf界面布局,wpf界面布局有哪几种方式,WPF使用WrapPanel环绕面板布局