WPF学习笔记“布局”二:入门

　　只使用grid面板进行一些有意思的布局

<Page x:Class="Picture.OnlyGrid"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      mc:Ignorable="d" 
      d:DesignHeight="500" d:DesignWidth="500"
    Title="OnlyGrid">

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="2*"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="3*"></RowDefinition>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="2*"></ColumnDefinition>
            <ColumnDefinition Width="*"></ColumnDefinition>
            <ColumnDefinition Width="*"></ColumnDefinition>
            <ColumnDefinition Width="3*"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Button Grid.Row="0" Grid.Column="0"></Button>
        <Button Grid.Row="0" Grid.RowSpan="2" Grid.Column="1" Grid.ColumnSpan="2"></Button>
        <Button Grid.Row="1" Grid.Column="3"></Button>
        <Button Grid.Row="2" Grid.Column="3"></Button>
        <Button Grid.Row="2" Grid.Column="1" Grid.RowSpan="2"></Button>
        <Button Grid.Row="3" Grid.Column="0"></Button>
    </Grid>
</Page>

　　Grid面板只是一个按比例分配尺寸的行和列的集合;

　　Grid面板支持以下三种设置尺寸的方式:

　　1 绝对设置尺寸方式:使用设备无关单位设置确切地尺寸,这是最无用策略,因为不够灵活.难以应对内容大小和容器大小的改变,并且难以处理本地化;

　　2 自动设置尺寸方式:每行和每列的尺寸刚好满足需要,这是最有用的尺寸设置方式;

　　3 按比例设置尺寸方式:空间被按比例地分割到一组行和列中.这是对所有行和列的标准设置;