Grid:网格布局,根据自定义行和列来设置控件的布局。Grid的可以将整个界面分割成若干个小格子,像一张网格。在界面中整体布局可以使用Grid。
设置网格
用<Grid.ColumnDefinitions> 来定义列,要添加一列,就得在里面加一行RowDefinition。 |
用<Grid.ColumnDefinitions> 来定义行,要添加一行,就得在里面加一行ColumnDefinition。 |
设置控件在Grid中的定位
使用Grid.Row="0" 来定位在第几行,不定义默认第一行 |
使用Grid.Column="1" 来定义在第几列,不定义默认第一列 |
横跨多少列使用 Grid.ColumnSpan="2" |
横跨多少行使用 Grid.RowSpan="3" |
设置Grid的列宽
行使用 属性 RowDefinition 中的Height 来定义高度 |
列使用 属性 ColumnDefinition 中的Width 来定义宽度 |
这里还有一个比较特殊的值 就是 * ,代表剩下的所有,如果有两个行/列的大小(Height /Width )设置了,那么他们将平分剩下的空间,如果分别设置1* 2*,那么他们将按1:2的比例占用剩下的空间。
关于Grid的详细介绍参考:WPF 控件专题 Grid 控件详解_wpf中grid_^@^lemon tea^@^的博客-CSDN博客
**************************************************************************************************************
StackPanel:栈式面板,包含的元素在竖直或水平方向排成一条直线。小块布局可以使用StackPanel。
控件排列方式使用Orientation属性
Horizontal:定义其中的控件排列是按照横向 |
Vertical:定义其中的控件排列是纵向排列 |
StackPanel中的控件定位
可以使用 DockPanel.Dock="Right" 来定位控件在StackPanel中的吸附位置,如果是Right,那么他将吸附到StackPanel的右侧(此时,StackPanel是横向排列的,默认控件是从左侧依次往右排列)
关于StackPanel的详细介绍参考:WPF 控件专题 StackPanel控件详解_^@^lemon tea^@^的博客-CSDN博客
**************************************************************************************************************
WrapPanel:自动折行面板,包含的元素在排满一行后,自动换行。
关于WrapPanel的详细介绍参考:WPF 控件专题 WrapPanel 控件详解_wpf wrappanel_^@^lemon tea^@^的博客-CSDN博客
**************************************************************************************************************
DockPanel:泊靠式面板,内部的元素可以选择泊靠方向。
关于DockPanel的详细介绍参考:WPF 控件专题 DockPanel 控件详解_^@^lemon tea^@^的博客-CSDN博客
**************************************************************************************************************
UniformGrid:网格,UniformGrid就是Grid的简化版,每个单元格的大小相同。
关于UniformGrid的详细介绍参考:WPF 控件专题 UniformGrid 控件详解_wpf uniformgrid_^@^lemon tea^@^的博客-CSDN博客
**************************************************************************************************************
Canvas:画布,内部元素根据像素为单位绝对坐标进行定位。
关于Canvas的详细介绍参考:WPF 控件专题 Canvas 控件详解_wpf canvas_^@^lemon tea^@^的博客-CSDN博客
**************************************************************************************************************