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

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

 1 <Page x:Class="Picture.OnlyGrid"
 2       xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 3       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 4       xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
 5       xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
 6       mc:Ignorable="d" 
 7       d:DesignHeight="500" d:DesignWidth="500"
 8     Title="OnlyGrid">
 9 
10     <Grid>
11         <Grid.RowDefinitions>
12             <RowDefinition Height="*"></RowDefinition>
13             <RowDefinition Height="2*"></RowDefinition>
14             <RowDefinition Height="*"></RowDefinition>
15             <RowDefinition Height="3*"></RowDefinition>
16         </Grid.RowDefinitions>
17         <Grid.ColumnDefinitions>
18             <ColumnDefinition Width="2*"></ColumnDefinition>
19             <ColumnDefinition Width="*"></ColumnDefinition>
20             <ColumnDefinition Width="*"></ColumnDefinition>
21             <ColumnDefinition Width="3*"></ColumnDefinition>
22         </Grid.ColumnDefinitions>
23         <Button Grid.Row="0" Grid.Column="0"></Button>
24         <Button Grid.Row="0" Grid.RowSpan="2" Grid.Column="1" Grid.ColumnSpan="2"></Button>
25         <Button Grid.Row="1" Grid.Column="3"></Button>
26         <Button Grid.Row="2" Grid.Column="3"></Button>
27         <Button Grid.Row="2" Grid.Column="1" Grid.RowSpan="2"></Button>
28         <Button Grid.Row="3" Grid.Column="0"></Button>
29     </Grid>
30 </Page>

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

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

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

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

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