C#XAML五种布局元素上篇
XAML的五种布局元素分别为DockPanel 泊靠式面板、Grid网格、
StackPanel 栈式面板、WrapPanel 自动折行面板、Canvas 画布。
Grid网格
Grid: 网格。Grid顾名思义就是“网格”，它的子控件被放在一个一个实现定义好的小格子里面，整齐配列。Grid和其他各个Panel比较起来，功能最多也最为复杂。Grid布局可以自定义行和列并通过行列的数量、行高列宽来调整控件的布局。近似Html中的table。
首先我们先吧大小的位置先给大概的轮廓出来定下长宽值。
然后根据他的等分来进行划分拼合，注意这里的row值和column值是从0开始的，0是起始数值。
右边的菜单也是第二次的划分然后吧button按钮堆放在划分好的上面去
特点：可以定义任意数量的行和列，非常灵活；
行的高度和列的宽度可以使用绝对值、相对比例或自动调整的方式进行精确设定，并可以设置最大和最小值；
DockPanel：泊靠式面板
DockPanel：泊靠式面板。内部元素可以选择泊靠的方向（上下左右），类似于Winford中设置控件的Dock属性。DockPanelDockPanel定义一个区域，在此区域中，您可以使子元素通过描点的形式排列，这些对象位于 Children 属性中。 停靠面板类似于WinForm中控件的Dock属性。
我们这个布局是泊靠式，内部元素可以选择泊靠的方向。那个先选择出来那个就先出现不会被占据。
特点：内部元素可以选择泊靠的方向