一、前言
Qt Designer 工具提供了4种布局方式,分别为Vertical Layout(垂直布局)、Horizontal Layout(水平布局)、Grid Layout(网格布局)以及Form Layout(表单布局)。它们都位于Qt Designer工具中左侧的列表,
- 垂直布局:控件按照从上至下的顺序显示控件。
- 水平布局:控件按照从左至右的顺序显示控件。
- 网格布局:将控件放入网格之中,然后将控件合理的分成若干个行(row)与列(column),再将每一个控件放置在合适的单元(cell)中。
- 表单布局:控件是以两列的方式布局在表单中,左列包括标签,右侧包括输入键。
二、通过布局管理器布局
打开Qt Designer工具,从左侧的控件列表中向主窗体拖入Label 与 LineEdit控件,然后按住<Ctrl+鼠标左键>,选中以上两个控件,选中后单击鼠标右键,在菜单中依次选择“布局”——》“水平布局”菜单项, 选择了水平布局以后,控件在主窗体中将自动按照从左至右的顺序显示控件,如果需要调换控件的位置,选中控件拖至需要调换的位置即可,说明: 根据以上操作方式,在布局菜单中选择其他的布局方式即可。
三、绝对布局
最简单的布局方式就是绝对布局,就是在Qt Designer 工具中右侧的属性编辑器中,通过geometry属性来设置控件的位置和大小,如图上图所示中的Label控件为例,
在上图中,X所对应的值是180,表示以控件左上角为原点,横向距离主窗体左边框180px(像素)。Y所对应的值140,表示以控件左上角为原点,纵向距离主窗体顶部边框140px(像素),:说明: 属性宽度值所对应的是控件的宽度,高度值对应的是控件的高度。