Xaml技術：淺談Grid.ColumnDefinitions和Grid.RowDefinitions屬性

Grid.RowDefinitions屬性將Grid控件分行，屬性值為RowDefinition標簽，每一個RowDefinition標簽將該Grid對象分為一行；

Grid.ColumnDefinitions屬性將Grid控件分列，屬性值為ColumnDefinition標簽，每一個ColumnDefinition標簽將該Grid對象分為一列；

在給每個方塊添加空間時只需指定該控件的Grid.Column和Grid.Row附加屬性值，前提是該控件要定義在Grid空間中，否則將找不到這兩個屬性，也就無法將該控件添加到指定方格中。

當指定的行或列的值大於Grid的單元格數量時，系統默認為最后一個，比如：

 

<Grid x:Name="LayoutRoot" Background="Blue">  
    <Grid.ColumnDefinitions>  
        <ColumnDefinition></ColumnDefinition>  
        <ColumnDefinition></ColumnDefinition>  
    </Grid.ColumnDefinitions>  
    <Grid.RowDefinitions>  
        <RowDefinition></RowDefinition>  
        <RowDefinition></RowDefinition>  
        <RowDefinition></RowDefinition>  
    </Grid.RowDefinitions>  
  
    <Button Grid.Column="0" Grid.Row="0" Content=" 0  , 0"></Button>  
    <Button Grid.Column="1" Grid.Row="1" Content=" 1  , 1"></Button>  
    <Button Grid.Column="2" Grid.Row="2" Content=" 2  , 2"></Button>  
</Grid>  

 

在該示例中，我們將Grid控件分為3行2列，而添加Button時我們卻設定其位置分別為（0,0），（1,1），（2,2）。很明顯，該Grid並不包含（2,2）--因為它只有2列，但是調試運行時系統並不會報錯，而是出現下面的結果：