wpf中的Grid面板

Grid就是表格,画表格代码如下:

 1 <Grid ShowGridLines="True" Height="160" Width="309">
 2         <Grid.RowDefinitions>
 3             <RowDefinition></RowDefinition>
 4             <RowDefinition></RowDefinition>
 5             <RowDefinition></RowDefinition>
 6         </Grid.RowDefinitions>
 7         <Grid.ColumnDefinitions>
 8             <ColumnDefinition></ColumnDefinition>
 9             <ColumnDefinition></ColumnDefinition>
10             <ColumnDefinition></ColumnDefinition>
11         </Grid.ColumnDefinitions>
12 </Grid>

其中ShowGridLines="True",为显示表格,是虚线,运行结果:

 

 1 <Grid>
 2    <Grid.RowDefinitions>
 3       <RowDefinition/>
 4       <RowDefinition/>
 5       <RowDefinition/>
 6    </Grid.RowDefinitions>
 7    <Grid.ColumnDefinitions>
 8       <ColumnDefinition/>
 9       <ColumnDefinition/>
10       <ColumnDefinition/>
11     </Grid.ColumnDefinitions>
12     <Button Content="Button" Grid.Column="0" Grid.Row="0" Width="50"/>
13     <Button Content="Button" Grid.Column="1" Grid.Row="0" Width="70"/>
14     <Button Content="Button" Grid.Column="2" Grid.Row="0" Width="90"/>
15 </Grid>

其中红色为所要在表格中放置元素的位置,grid相当于一个矩阵,指定表格的行和列就可以指定具体的单元格。

如果一个元素占两列或多列,或者是两行或多行:

上图中的红色框内的3是指引申几个单元格。行的同上。

绿色的为指定的设备无关量,显示的设置元素的宽度。

下面有三种方法设置表格宽度:

1.显示的指定宽度:

2.设定一个*,第2列是第1列的2倍,第3列是第2列的2倍。

3.使用auto,自动根据元素内容的宽度设定:

grid中使用gridsplitter控件分割窗口:

分割窗口以后,可以随意拖动分割线,改变分割子窗口的大小:

posted @ 2013-05-16 15:18  夜曲984  阅读(273)  评论(0编辑  收藏  举报