WPF 常用的几个布局

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博客

**************************************************************************************************************

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值