WPF学习笔记——5）WrapPanel面板和DockPanel面板
WPF学习笔记——5）WrapPanel面板和DockPanel面板
上一节我们简单介绍了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，下面是测试结果：
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39478524/article/details/106289697