C#WPF常用的9种布局方式详解

本文介绍WPF中常用的九种布局，Grid、StackPanel、WrapPanel、DockPanel、UniformGrid、Canvas、ScrollViewer、ViewBox、Border。

目录

一、网格布局Grid

二、堆栈布局StackPanel

三、流式布局WrapPanel

四、停靠布局DockPanel

五、 UniformGrid

六、Canvas画布布局

七、带有滚动条布局ScrollViewer

八、拉伸或延展布局ViewBox

九、装饰布局Border

---

WPF作为专门的用户界面技术，布局功能是它的核心功能之一。

一、网格布局Grid

Grid为WPF中最常用的布局容器, 作为View中的主要组成部分, 负责框架中整体的页面布局。

Grid 元素会以网格的形式对内容元素们(即它的 Children)进行布局。
Grid 的特点如下:
可以定义任意数量的行和列，非常灵活。
行的高度和列的宽度可以使用绝对数值、相对比例或自动调整的方式进行精确设定，并
可设置最大和最小值。
内部元素可以设置自己的所在的行和列，还可以设置自己纵向跨几行、横向跨几列。
可以设置Children元素的对齐方向。
基于这些特点，Grid 适用的场合有:
UI布局的大框架设计。
大量UI元素需要成行或者成列对齐的情况。
UI整体尺寸改变时，元素需要保持固有的高度和宽度比例。
UI后期可能有较大变更或扩展。

对于 Grid 的行高和列宽，我们可以设置三类值: