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包围面板布局的文章。希望对大家的学习有帮助,也希望大家多多支持。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: