玩转Silverlight控件（四）——Grid布局

核心提示： 看Grid中几个重要的属性：1. RowDefinitions 和 ColumnDefinitions ：这两个属性主要是来指定Grid控件的行数和列数，内部嵌套几个Definition，玩转Silverlight控件（四）——Grid布局(2)，那么就代表这个Grid有几行几列，2. S

看Grid中几个重要的属性：

1. RowDefinitions 和 ColumnDefinitions ：这两个属性主要是来指定Grid控件的行数和列数，内部嵌套几个Definition，那么就代表这个Grid有几行几列。

2. ShowGridLines : 很明显，就是指定我们的Grid控件行列之间是否显示分割线，与Table中的Border属性非常类似。

3. 当我们使用其他控件内置于Grid中时，我们需要使用Grid.Row和Grid.Column来指定他所位于的所在行和所在列。

其效果如下：

当然，我们还可以指定这些行和列的宽度。(如果默认情况下则默认的是每行，每类的宽度，高度都相等）：

<Grid.RowDefinitions>
　　<RowDefinition　Height="40"></RowDefinition>
　　<RowDefinition></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
　　<ColumnDefinition　Width="40"></ColumnDefinition>
　　<ColumnDefinition></ColumnDefinition>
　　<ColumnDefinition></ColumnDefinition>
</Grid.ColumnDefinitions>

产生效果如下：

继续于Table做类比，在Table布局中，我们可以指定width的百分比。当然，在Grid中，我们一样可以实现这样的功能，方法是用*去代替了%，我们看下：