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控件分割窗口:
分割窗口以后,可以随意拖动分割线,改变分割子窗口的大小: