Grid
Grid是WPF中功能最强大的布局容器。
Grid面板将元素分隔到不可见的行列表格中。
属性 | 作用 | 类型 | 详解 |
---|---|---|---|
ShowGridLines | 行列表格是否可见 | bool | |
UseLayoutRounding | 是否将布局容器中的对其到最近的像素边界 | bool | 解决所有模糊问题 |
基本使用
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition></ColumnDefinition>
<ColumnDefinition></ColumnDefinition>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition/>
</Grid.RowDefinitions>
<!--Grid被分为2行2列
控件内容在此处添加,如下在Grid网格(1,1)添加textBox-->
<TextBox Grid.Column="1" Grid.Row="1">
</Grid>
调整行和列
- 绝对尺寸设计方式
使用设备无关单位准确的设计尺寸。<ColumnDefinition Width="100"/>
- 自动设计尺寸方式
每行每列的需求刚好满足尺寸。<ColumnDefinition Width="Auto"/>
- 按比例设计尺寸方式
按比例将空间分割刀一组行和列中。扩展Grid面板时Width="*"也将按照比例增加尺寸<ColumnDefinition Width="*"/> <!--如果希望不均匀的分配剩余空间,可按n*方式分配,如下分配倍上面网格的大小--> <CloumnDefinition Width="2*"/>
StackPanel
- StackPanel默认垂直排序元素
属性 | 作用 | 使用 | 解释 |
---|---|---|---|
Orientation | 修改布局方式 | Orientation=“Horizontal” | 修改排序方式为水平排序 |
HorizontalAlignment | 子元素水平对齐方式 | <Button HorizontalAlignment=“left”/> | 按钮靠左 |
Margin | 边距 | < Button Margin=“3”> | 按钮与周围边框距离为3 |
WrapPanel
与StackPanel一样使用,只是增加了自动换行的功能。
Canvas
使用Canvas使我们可以在程序运行时动态的设置与调整元素的位置
ViewBox
ViewBox这个控件通常和其他控件结合起来使用,是WPF中非常有用的控件。定义一个内容容器。
ViewBox组件的作用是拉伸或延展位于其中的组件,以填满可用空间,使之有更好的布局及视觉效果。
边距限制
Margin
- Margin (边缘)是约束控件与容器控件的边距,设置值分别代表左上右下,使用 Margin=“20” 同时指定四个值。
Padding
- Padding (衬垫)是约束控件内部输入边距的,只有部分控件有此属性。