一、“Grid”布局介绍

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

2.特点

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

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

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

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

3.适用场合

- UI布局的大框架设计

- 大量UI元素需要成行或者成列对齐的情况。

- uI尺寸改变的时候，元素需要保留固有的宽度和高度比列

4.Grid常用属性

- Grid.Column：读取或设定指定FrameworkElement的附加属性Grid.Column的值

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

- Grid.Row：读取或设定指定FrameworkElement的附加属性Grid.Row的值

- Grid.RowSapn：读取或设定指定FrameworkElement的附加属性Grid.RowSapn的值

5.介绍Grid的高度和宽度定义方式

• 第一种，固定长度——宽度不够，会裁剪，不好用。单位pixel。单位：px
• 第二种，自动长度——自动匹配列中最长元素的宽度。单位：auto
• 第三种，比例长度——*表示占用剩余的全部宽度；两行都是*，将平分剩余宽度；像上面的一个2*，一个*，表示前者2/3宽度。单位：*

       如有说明错误还请各位看官们指正出来，好让我和大家一起共同进步，如有侵权请私信于我，我会第一时间做出修改，谢谢！