WPF的布局功能是它的核心功能之一，今天我们来认识一下WPF布局常用元素，分别是Grid、StackPanel、Canvas、DockPanel、WrapPanel。

Grid

一、特点：

1、可以定义行和列。

2、行与列的高度宽度可以使用绝对值、相对比列、或者自己调整的方式进行设定，可设置最大值和最小值。

3、内部元素可以设定自己在几行几列，跨行或者跨列。

4、设置children元素的对齐方向。

基于以上特点Grid布局适合大框架设计、大量UI元素需要成行或成列对齐、后期UI有较大的变更或者扩展。

二、使用方法

 <Grid><!--使用Grid控件-->

                  <Grid.ColumnDefinitions><!--定义Grid的列，定义3列  设置高度-->

                            <ColumnDefinition  Height="30px"></ColumnDefinition>
                            <ColumnDefinition  Height="2*"></ColumnDefinition>
                            <ColumnDefinition Height="*"></ColumnDefinition>

                  </Grid.ColumnDefinitions>

                   <Grid.RowDefinitions><!--定义Grid的行，定义3行-->

                            <RowDefinition></RowDefinition>
                            <RowDefinition></RowDefinition>
                            <RowDefinition></RowDefinition>

                  </Grid.RowDefinitions>

         </Grid>

<Button Content="Test" Grid.Row="1"  Grid.Column="1"></Button><!--定义Button 位置-->

<Button Content="Test" Grid.RowSpan="2"  Grid.ColumnSpan="2"></Button> <!--定义Grid的附加属性，跨行跨列-->

StackPanel

一、特点：

1、从左边到右或者从上到下以堆叠的方式显示控件。（默认是从上到下）并且宽度为StackPanel的宽度，高度自动适应控件中内容的高度（未对控件进行设置时）

WPF之UI布局