UI布局.

XAML布局元素 

Grid：网格。可以自定义行和列并通过行列的数量、行高列宽来调整控件的布局。近似Html中的table。

DockPanel：泊靠式面板。内部元素可以选择泊靠的方向（上下左右），类似于Winform中设置控件的Dock属性。

StackPanel：栈式面板。可将包含的元素在水平或垂直方向排成一条线，当移除一个元素后，后面的元素会自动向前填充空缺。（菜单

栏）

WrapPanel：自动折行面板（环绕面板）。内部元素在排满一行后能够自动折行，类似于Html中的流式布局。

UniformGrid：均分布局（横向的网格分割、纵向的网格分割分别是均等的分割的布局类型，各个单元格的大小完全相同，宽与高分别

相同）

Canvas：画布。内部元素可以使用以像素为单位的绝对坐标进行定位，类似于Windows Form 的布局方式。 

Grid：

特点：

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

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

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

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

DockPanel：泊靠式面板

DockPanel定义一个区域，在此区域中，您可以使子元素通过描点的形式排列，这些对象位于 Children 属性中。

DockPanel会对每个子元素进行排序，并将根据指定的边进行停靠，多个停靠在同侧的元素则按顺序排序。

在DockPanel中，指定停靠边的控件，会根据定义的顺序占领边角，所有控件绝不会交叠。

默认情况下，后添加的元素只能使用剩余空间，无论对DockPanel的最后一个子元素设置任何停靠值，该子元素都将始终填满剩余的空间。

如果不希望最后一个元素填充剩余区域，可以将DockPanel属性LastChildFill设置为false，还必须为最后一个子元素显式指定停靠方向

StackPanel：栈式面板

StackPanel就是将控件按照行或列来顺序排列，但是不会换行。

通过设置面板的Orientation属性设置了两种排列方式：横排（Horizontal）和竖排（Vertical默认的）。

水平排列时，每个元素都与面板一样高；垂直排列时，每个元素都与面板一样宽。如果包含的元素超过了面板空间，它只会截断多出的内容。  

元素的Margin属性用于使元素之间产生一定得间隔，当元素空间大于其内容的空间时，剩余空间将由HorizontalAlignment和 VerticalAlignment。