Layout布局元素

Grid：网格。可以自定义行和列并通过行列的数量、行高列宽来调整控件的布局。近似于Html中的table。（它的子控件被放在一个一个实现定义好的小格子里面，整齐配列。Grid和其他各个Panel比较起来，功能最多也最为复杂。要向RowDefinitions和ColumnDefinitions属性中添加一定数量的RowDefinitions和ColumnDefinitions元素，从而定义行数和列数。而放置在Grid面板中的控件元素都必须显示采用附加属性语法定义其放置所在的行和列，它们都是以0为基准的整型值，如果没有显式设置任何行或列，Grid将会隐式地将控件加入在第0行第0列。由于Grid的组成并非简单的添加属性标记来区分行列，这也使得用户在实际应用中可以具体到某一个单元格中，所以布局起来就很精细了。）

特点：

1、可以定义任意数量的行和列，非常灵活。

2、行的高度和列的宽度可以使用绝对值、相对比例或自动调整的方式进行精确设定，并可以设置最大和最小值

3、内部元素可以设置自己所在的行和列Grid.Row和Grid.Column，还可以设置自己纵向跨几行Grid.RowSpan，横向跨几行Grid.ColumnSpan。

4、可以设置Children元素的对齐方向：水平HorizontalAlignment，垂直VerticalAlignment。

 Grid常见属性

属性

Grid.Column

读取或设定指定Framework的附加属性Grid.Column的值

Grid.ColumnSpan

读取或设定指定FrameworkElement的附加属性Grid.ColumnSpan的值

Grid.Row

读取或设定指定FrameworkElent的附加属性Grid.RowSpan的值

名称	说明
绝对尺寸	就是给一个实际的数字，但通常将此值指定为整数。
自动（Autosizing）	值为Auto，实际作用就是取实际控件所需的最小值
StarSizing	值为*或N*，实际作用就是取尽可能大的值，当某一列或行被定义为*则是尽可能大，当出现多列或行被定义为*则是代表几者之间按比例方设置尺寸

第一种，固定长度——宽度不够，会载剪，不好用。单位pixel。

第二种，自动长度——自动匹配列中最长元素的宽度。

第三种，比列长度——*表示占用剩余的全部宽度；两行都是*，将平分剩余宽度；像上面的一个2*，一个*，表示前者2/3宽度。

DockPanel：泊靠式面板。内部元素可以选择泊靠的方向（上下左右），类似于Winform中设置控件的Dock属性（可以使子元素通过描点的形式排列，这些对象位于Children属性中。DockPanel会对每个子元素进行排序，并将根据指定的边进行停靠，多个停靠在同侧的元素则按顺序排序。指定的停靠边的控件，会根据定义的顺序占领边角，所有控件绝不会交叠。后添加的元素只能使用剩余空间，无论对DockPanel的最后一个子元素设置任何停靠值，该子元素都将始终填满剩余的空间。如果不希望最后一个元素填充剩余区域，可以将DockPanel属性LastChildFill设置为false,还必须为最后一个子元素显示指定停靠方向。）

StackPanel：栈式面板。可将包含的元素在水平或垂直方向排成一条线，当移除一个元素后，后面的元素会自动向前填充空缺。（将控件按照行或列来顺序排列，当不会换行。通过设置面板的Orientation属性设置了两种排列方式：横排（Horizontal）和竖排（Vertical默认的）。水平排列时，每个元素都与面板一样高；垂直排列时，每个元素都与面板一样宽。如果包含的元素超过了面板空间，它只会载断多出的内容。元素的Margin属性用于使元素之间产生一定得间隔，当元素空间大于其内容空间时，剩余空间将由HorizontalAlignment和VerticalAlignment）

特点：

每个元素各占一行或者一列

使用场合：

同类元素需要紧凑排列（如制作菜单和列表）

移除其中的元素后能够自动补缺的布局或者动画。

StackPanel的三个属性

属性名称	数据类型	可取值	描述
Orientaion	Orientation枚举	Horizontal Vertical	决定内部元素是横向累积还是纵向累积
HorizontalAliignment	HorizontalAlignment	Left Center Right Stretch	决定内部元素水平方向上的对齐方式
VerticalAlignment	VerticalAlignment枚举	Top Center Bottom Stretch	决定内部元素竖直方向上的对齐方式