一、布局原则：

1. 不应显示的设定元素的尺寸，反而元素可以改变它的尺寸，并适应它们的内容

2. 不应使用平布的坐标，指定元素的位置。

3. 布局容器和它的子元素是共享可以使用的空间

4. 可以嵌套的使用布局容器

二、布局容器

2.1 StackPanel：堆栈面板

 堆栈面板的Orientation="Vertical"属性和子元素HorizontalAlignment属性一起使用，反之Orientation="Vertical"属性和子元素HorizontalAlignment一起使用

前者Orientation="Vertical"垂直排列,后者Orientation="Horizontal"水平排列

2.2 WrapPanel：一行或一列进行排列

 

前者Orientation="Horizontal"水平排列,后者Orientation="Vertical"垂直排列.

2.3 DockPanel：顺着外边缘来拉伸所包含的控件

 LastChildFill = "True"表示最后一个子元素是否填充满剩余区域

2.4 Grid：网格布局(WPF中功能最强大的布局容器)

2.4.1 Grid 的使用

ShowGridLines="True" 开启Grid的分格线

Grid.Row="0" 设置子元素在那一行

Grid.Column="4" 设置子元素在那一列

Grid.RowSpan="2" 设置子元素占用几行

Grid.ColumnSpan="2" 设置子元素占用几列

UseLayoutRounding="True 布局舍入,当在网络放入一个图片，如果不是一个整数像素的宽度,图形边缘会变的模糊。开启布局舍入可以解决这个问题

SharedSizeGroup：共享尺寸组

2.4.2 GridSplitter：分割线

 

2.5 布局控件常和Border控件一起使用

　　a.Background：背景色

　　b.BorderBrush：前景色(边框颜色)

　　c.BorderThickness：边框大小

　　d.CornerRadius：圆角角度

2.6 共有常用属性

Margin:0,0,0,0 外边距分别(左,上,右,下)

Padding:0,0,0,0 内边距分别(左,上,右,下)

子元素->HorizontalAlignment:父布局容器垂直排列时,子元素位置

子元素->VerticalAlignment:父布局容器水平排列时,子元素位置