目录
常见的几个布局面板1.StackPanel面板2.WarpPanel面板3.DockPanel面板5.UniformGrid面板6.Canvas面板常见的几个布局面板
initions> <RowDefinition/> <RowDefinition/> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition/> <ColumnDefinition/> </Grid.ColumnDefinitions> <Button Grid.Column="0" Grid.Row="0">左上</Button> <Button Grid.Column="1" Grid.Row="0">右上</Button> <Button Grid.Column="0" Grid.Row="1">左下</Button> <Button Grid.Column="1" Grid.Row="1">右下</Button> </Grid>
注意:尽管一个单元格中, 允许放置多个元素, 通常来说这没有什么意义。如上所示, 每个元素都明确了对应单元格中。
Grid与WarpPanel和StackPanel面板等容器不同得区别在于, Grid需要显式定义行与列来放置元素。而相对于其他容器,则会隐式创建行与列。
调整行和列：
Grid面板支持3种设置尺寸的方式：
| 硬编码尺寸 | width="xxx" / height="xxx" |
| 自动设置尺寸 | width="auto" / height="auto" |
| 按比例设置尺寸 | width="*" / height="2*" |
例如, 下面的代码演示了三种设置尺寸的方式：
<Grid> <!-- 下面分别定义了2行 2列 --> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition Height="100"/> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="*"/> <ColumnDefinition Width="2*"/> </Grid.ColumnDefinitions> <Button Grid.Column="0" Grid.Row="0">左上</Button> <Button Grid.Column="1" Grid.Row="0">右上</Button> <Button Grid.Column="0" Grid.Row="1">左下</Button> <Button Grid.Column="1" Grid.Row="1">右下</Button> </Grid>
实际的显示效果可以看到, 第一列width="*" 为第二列的1/2, 第一行设置的自适应高度, 而第二行则是硬编码的高度 100
而, 通过简单的设置
Rows和Columns属性来设定其尺寸。每个单元格都被均匀分配, 关键一点, 所有元素最后都根据其定义的先后顺序放置在
单元格中。
Button>button4</Button></UniformGrid>
6.Canvas面板
Canvas面板允许使用精准的坐标放置元素, 为了在Canvas面板中定位一个元素, 需要设置Canvas.Left 和 Canvas.Top属性。
s.Top="50">button1</Button> <Button Canvas.Left="100" Canvas.Top="80">button2</Button> </Canvas>
到此这篇关于WPF常见布局面板用法及介绍的文章就介绍到这了。希望对大家的学习有所帮助，也希望大家多多支持我们。
