当前位置: 老葡京网站娱乐 > web开发 > Silverlight > 正文

WPF and Silverlight学习笔记(八):WPF布局管理之Grid、UniformGrid

时间:2010-12-17 博客园 龙腾于海

老葡京网站娱乐 www.sdguanhua.com 一、Grid

Grid是以表格形式组织控件的一种布局方式,与Java AWT中 的GridLayout类似,但区别在于

WPF中的Grid的每一个单元格中可以放置 多个控件,但控件可能会层叠在一起

WPF中的Grid支持单元格的合并,类 似于HTML中的table td中的rowspan和colspan

Grid中的行和列可以自定 义高度(Height)和宽度(Width)

在设置高度和宽度时可以采用两种写 法:

1)Height=”60”:不加“星号”表示固定 的高度

2)Height=”60*”:加“星号”表示 “加权”的高度,在调整窗体大小时,此高度或宽度会按窗体大小改 变的比例进行缩放

如:

1: <Grid>
2:    <Grid.RowDefinitions>
3:     <RowDefinition  Height="60" />
4:     <RowDefinition  Height="202*" />
5:    </Grid.RowDefinitions>
6:    <Grid.ColumnDefinitions>
7:      <ColumnDefinition/>
8:      <ColumnDefinition/>
9:    </Grid.ColumnDefinitions>
10:   <Button  Grid.Column="0" Grid.Row="0"  Height="30"  VerticalAlignment="Top">ButtonA</Button>
11:    <Button Grid.Column="0" Grid.Row="0"  Height="30"  VerticalAlignment="Bottom">ButtonB</Button>
12:   <Button Grid.Column="1"  Grid.Row="0">ButtonC</Button>
13:    <Button Grid.Column="0" Grid.Row="1"  Grid.ColumnSpan="2">ButtonD</Button>
14:  </Grid>

二、使用GridSplit分割

可以使用GridSplit控件结合Grid控件 实现类似于Windows应用程序中SplitContainer的功能,如下面的应用程序: