上一节我们简单介绍了StackPanel的布局，为了能做出更好看的用户界面，往往一种布局容器是不够的，我们这里介绍了两种布局容器，分别为WrapPanel面板和DockPanel面板布局。

1、WrapPanel面板

WrapPanel面板以一行或者一列的形式来布置控件，当一行（列）放满之后自动转到下一行（列），可以利用Orientation属性设置按行布置还是按列布置。

我们同样的在工具箱中拖入WrapPanel面板控件，去掉长宽的固定限制，在面板中添加三个按钮组件，可以看到按钮默认按行分布，我们可以更改Orientation的值来改变其分布：

同时可以设置按钮的VerticalAlignment或者HorizontalAlignment属性更改按钮的对齐方式。

2、DockPanel面板

DockPanel面板则是根据外边缘来拉伸所包含的元素控件。

我们同样的在工具箱中拖入DockPanel面板控件，去掉长宽的固定限制，在面板中添加三个按钮组件，去掉按钮的长宽固定限制，我们利用组件的DockPanel.Dock属性来设置按钮的停靠方向：

3、嵌套布局容器

在实际应用中，我们很少单独用到某一种布局容器，更实用的是嵌套类型的布局容器。

这里我们新建一个窗口BasicDialogBox用来测试嵌套布局容器，在窗口中添加一个DockPanel面板，然后在DockPane面板中加入堆栈面板StackPanel，并设置DockPanel.Dock="Bottom"让堆栈面板向底部依靠。

然后在SrackPanel面板上放置两个按钮，设置堆栈面板的Orientation属性为水平排列，然后依次设置HorizontalAlignment和VerticalAlignment属性使StackPanel面板靠右下排列。

然后还可以在DockPanel面板中拖入一个文本框，设置DockPanel.Dock属性为top向上停靠，设置文本内容等属性。

然后将App.xaml中的光标处从MainWindow改为刚刚创建的窗口BasicDialogBox，下面是测试结果：

WPF学习笔记——5）WrapPanel面板和DockPanel面板相关推荐

WPF学习笔记(数据绑定篇3)
接上回的<WPF学习笔记(数据绑定篇2)>,继续 BindValidation 此示例演示了: 如何使用错误模板: 使用样式显示错误信息: 如何在校验发生异常时执行回调: 首先,你可以看见 ...
WPF学习笔记（7）：DataGrid中数字自定义格式显示
WPF学习笔记(7):DataGrid中数字自定义格式显示原文:WPF学习笔记(7):DataGrid中数字自定义格式显示 DataGrid中数据显示如下图,数据格式比较杂乱.希望达到以下要求:(1 ...
WPF学习笔记-第二周【基本笔刷】
书接上回,这一次,讲的是WPF中的基本笔刷,由于是菜鸟,就不多说了,继续帖示例代码:) 第一部份代码第二章基本笔刷第一个示例 VaryTheBackgroud P38 1 #reg ...
Linux学习笔记：安装宝塔及青龙面板
安装宝塔面板使用 SSH 连接工具,连接到您的 Linux 服务器后根据系统执行相应命令开始安装 Centos yum install -y wget && wget -O ins ...
【WPF学习笔记】之如何点击“新建”按钮，在面板中加载一条条的“用户控件”的信息：动画系列之（四）...
...... 承接上一系列动画三. 在主界面后台代码设置嵌套第二个用户控件. using System; using System.Collections.Generic; using System. ...
【转载】wpf学习笔记1
http://blog.csdn.net/fantasiax/article/details/4575968 深入浅出WPF(7)--数据的绿色通道,Binding(上) 小序: 怎么直接从2蹦到7啦 ...
WPF学习笔记(03) - 华丽的HelloWorld
上次的HelloWorld根本不能发挥WPF的威力,这次我们来做一个真正体验WPF魅力的程序.不过我们要请来一款重量级的设计工具--Microsoft Expression Blend 2. Blen ...
WPF学习笔记 - 不一样的皇帝的新衣
WPF帅呆了 WPF作为.Net3.0最新的技术,至今很多人都在关注了.在我看来,WPF把最新最华丽的界面技术带给了用户,同时给设计师和程序员更加高效的开发技术.你可以想象把一个程序或者网页的界面做成 ...
黑马程序员---wpf学习笔记四---banding的那些事
------- Windows Phone 7手机开发..Net培训.期待与您交流! ------- 一.WPF中,对控件做数据banding,可以方便的进行赋值和获得值的操作: 例如一: <G ...

WPF学习笔记——5）WrapPanel面板和DockPanel面板

1、WrapPanel面板

2、DockPanel面板

3、嵌套布局容器

WPF学习笔记——5）WrapPanel面板和DockPanel面板相关推荐

最新文章

热门文章