网格布局
123123 | 123123123 | 123123 | 123123 | 123123123 |
123123 | 123123 | 123123 | 123123 | 123123 |
123123 | 1231231 | 123123 | 123123 | 123123 |
123123 | 123123 | 123123 | 123123 | 123123 |
123123 | 12312 | 312312 | 123123 |
实际应用中应该少不了网格布局,grid布局的特点:
1.每个grid中可以放多个控件,而且控件可以层叠在一期。
2.单元格的合并类似于HTML中的rowspan,colspan。
3.单元格可以设置宽度和高度。一种方法是直接设置数值,另一种方法是在数值后面加个“*”,加上“*”表示该值随着窗口大小的改变而成比例的改变(比例缩放)。
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="60" />
<RowDefinition Height="330*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<Button Content="Button" Grid.Row="0" Grid.Column="0" Height="30" Name="button1" VerticalAlignment="Top" />
<Button Content="Button" Grid.Row="0" Grid.Column="0" Height="30" Name="button2" VerticalAlignment="Bottom"/>
<Button Content="Button" Grid.Row="0" Grid.Column="1" Name="button3"/>
<Button Content="Button" Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" Name="button4"/>
</Grid>
这一段代码就是定义了两行两列的Grid但是第二行的控件跨了两列,正如上面所说的类似于HTML columnspan、rowspan十分方便。
需要注意的是VerticalAlignment对齐方式被广泛应用,其意义是相同的。
提供者:www.kmuser.com