WPF中的Grid布局

WPF中的Grid布局

Grid布局是一种网格布局，也是我我的比较喜欢用的一种布局。他将界面网格化，使得你能够把该布局中的控件，放在合适的网格上，而且支持跨格放置。下面就来简单介绍一下该布局。

在xaml文件中建立一个网格布局

<Grid  Height="300" Width="600"> <!-- 建立一个网格布局-->
	 <Grid.ColumnDefinitions>    <!-- 建立列-->
            <ColumnDefinition Width="50" />    <!-- 建立第一列,宽为50-->
            <ColumnDefinition Width="*"/>  <!-- 建立第二列，宽填充剩余部分，若是有多个这样的列，平分剩下宽度-->
     </Grid.ColumnDefinitions>
     <Grid.RowDefinitions>   <!-- 建立行-->
            <RowDefinition Height="40"/>  <!-- 建立第一行,高为40-->
            <RowDefinition Height="*"/> <!-- 建立第二行，高填充剩余部分，若是有多个这样的行，平分剩下高度-->
     </Grid.RowDefinitions>
</Grid>

在布局中放置组件

<Grid  Height="300" Width="600"> 
	 <Grid.ColumnDefinitions>  
            <ColumnDefinition Width="*"/>   
            <ColumnDefinition Width="*"/> 
          	<ColumnDefinition Width="*"/>   
     </Grid.ColumnDefinitions>
     <Grid.RowDefinitions> 
            <RowDefinition Height="*"/>  
            <RowDefinition Height="*"/>
         	<RowDefinition Height="*"/> 
     </Grid.RowDefinitions>
    <!--上面建立了一个三行三列的网格布局-->
    <Buttom Name="btn" Content="一个按钮" Grid.Row="1" Grid.Column="0" 
            Grid.RowSpan="2" Grid.ColumnSpan="2">
        <!--不指定Grid.Row和Grid.Column时，他们默认为0，他们表明组件所在布局中的行号和列号，Grid.RowSpan和Grid.ColumnSpan 表示跨行和跨列-->
</Grid>