WPF控件布局（1）

1，Grid

Grid：由列和行组成的灵活的网格区域。

命名空间:System.Windows.Controls

实例1：Grid.ColumnDefinitions和Grid.RowDefinitions可以将窗体划进行分成。此实例将窗体划分为3*3九个区域，编程时可以将控件放到不同的格子里。

<TextBlock Grid.Column="1" Grid.Row="1" FontSize="30">你好啊</TextBlock> 此行代码通过Grid.Column="1" Grid.Row="1"可以将TextBlock控件放到第二行第二列区域。同样，日历和圆也可以放到指定位置。

可在<ColumnDefinition Width="100"></ColumnDefinition> 和<RowDefinition Height="120"></RowDefinition>中，分别设置Width和Height来调整网格区域的大小，若不设置Width和Height，则等分。可在Grid中设置Background来设置窗体背景颜色。

当在Grid布局下放控件时，后面的会掩盖住前面的，这时需要设置控件的位置以便被掩盖的控件能够显示出来。若有多个控件，采用StackPanel布局更为方便。

<Grid  ShowGridLines="True" Background="AliceBlue">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="100" ></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>

        <Grid.RowDefinitions>
            <RowDefinition Height="120"></RowDefinition>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>

        <TextBlock Grid.Column="1" Grid.Row="1" FontSize="30">你好啊</TextBlock>
        <Calendar Grid.Column="2" Grid.Row="1"></Calendar>

        <Rectangle Stroke="Black" StrokeThickness="10" Width="100" Height="100"
                   StrokeDashArray="2" RadiusX="50" RadiusY="50" Fill="DarkBlue">
        </Rectangle>
    </Grid>

代码运行结果：