XAML的Grid布局

Grid：自行定义行和列的数量和宽高来进行调整布局的布局，当你自定义的行和列的数量多了，布局看起来就像一张网格。

Grid布局有ColumnDefinitions和RowDefinitions两个属性，分别为ColumnDefinitions和RowDefinitions的集合，定义了行数和列数

对于Grid 的行高和列宽可以设置下列三类值：
绝对值：double 数值加单位后缀
比例值：double 数值后加星号（*），填充剩余的位置
自动值：字符串Auto ，根据子控件自动计算

这些附加属性意思是：
Grid.Column:可以把它认为初始列，就是相交点从左往右数到定义的初始列，从0开始数。
Grid.ColumnSpan:列跨度，就是从初始列开始自定义跨多少度。
Grid.Row:可以把它认为初始纵，就是相交点从上往下数到定义的初始列，从0开始数。
Grid.RowSpan:纵跨度，就是从初始列开始自定义跨多少度.

这里黑色圈可以看到列跨度是什么意思

HorizontalAlignment：这是水平方向自适应；
VerticalAlignment：这是垂直方向自适应；

如果是想填充这整个区域就别设置width和Height，
如果设置了就会出现以下的效果