<UserControl x:Class="Silverlight20.Contro
l.Grid"
xmlns="
http://
scheR_935_11845@a
s.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="
http://
scheR_935_11845@a
s.microsoft.com/winfx/2006/xaml"
Width="Auto" Height="500">
<!--
Grid - 表格式布局模式
Grid.RowDe
Finitions - 用于定义 Grid 中的行
Grid.
columnDe
Finitions - 用于定义 Grid 中的列
Grid.ShowGridLi
nes -
显示网格
Grid.Row - 控件所在的 Grid 的行的索引
Grid.
column - 控件所在的 Grid 的列的索引
Grid.RowSpan - 合并行。 控件所在行,以及控件所在行之后的需要连续合并的行的总行数
Grid.
columnSpan - 合并列。 控件所在列,以及控件所在列之后的需要连续合并的列的总列数
Width - 宽度
MinWidth - 最小宽度
MaxWidth - 最大宽度
Height - 高度
MinHeight - 最小高度
MaxHeight - 最大高度
Width 和 Height 的可用值
Auto -
自动设置为
一个合适的值。
默认值
Pixel - 像素值
* - 比例值。如 * 就是全部,2* & 8* 就是分别占20%和80%
-->
<Grid x:Name="LayoutRoot"
BACkground="White" ShowGridLi
nes="True">
<Grid.RowDe
Finitions>
<RowDe
Finition Height="50" />
<RowDe
Finition Height="3*" />
<RowDe
Finition Height="7*" />
<RowDe
Finition Height="*" MinHeight="200" MaxHeight="500" />
<RowDe
Finition Height="Auto" />
</Grid.RowDe
Finitions>
<Grid.
columnDe
Finitions>
<
columnDe
Finition />
<
columnDe
Finition />
<
columnDe
Finition />
</Grid.
columnDe
Finitions>
<Text
Box Grid.Row="0" Grid.
column="0"
BACkground="red" Text="abc" />
<Text
Box Grid.Row="0" Grid.
column="1"
BACkground="red" Text="abc" Grid.
columnSpan="2" HorizontalAlignment="Center" />
<Text
Box Grid.Row="1" Grid.
column="0"
BACkground="red" Text="abc" />
<Text
Box Grid.Row="1" Grid.
column="1"
BACkground="red" Text="abc" Grid.
columnSpan="2" HorizontalAlignment="Center" />
<Text
Box Grid.Row="2" Grid.
column="0"
BACkground="red" Text="abc" />
<Text
Box Grid.Row="2" Grid.
column="1"
BACkground="red" Text="abc" Grid.RowSpan="2" VerticalAlignment="Bottom" />
<Text
Box Grid.Row="2" Grid.
column="2"
BACkground="red" Text="abc" />
<Text
Box Grid.Row="3" Grid.
column="2"
BACkground="red" Text="abc" />
<Text
Box Grid.Row="4" Grid.
column="2"
BACkground="red" Text="abc" />
</Grid>
</UserControl>