其他分享
首页 > 其他分享> > QT软件开发之基础控件--2.2 布局控件组

QT软件开发之基础控件--2.2 布局控件组

作者:互联网

2.2 布局控件组

开发一个图形界面应用程序,界面的布局影响到界面的美观。前面的程序中都是使用UI界面拖控件,如果有多个按钮,会出现大小难调整、位置难对齐等问题。Qt 提供的“布局管理“就很好的解决了控件摆放的问题。

以下是UI设计师界面的布局相关控件组:

 图2-14 布局管理组

功能介绍:

(1)Vertical Layout:垂直布局

(2)Horizontal Layout:水平布局

(3)Grid Layout:网格布局

(4)Form Layout:窗体中布局

(5)Horizontal Spacers:水平空格,在布局中用来占位。

(6)Vertical Spacer:垂直空格,在布局中用来占位。

图2-15 布局快捷键

2.2.1 基本布局控件

在UI设计界面添加一个布局控件,然后将需要布局的其他控件放入布局控件中即可完成布局,布局控件可以互相嵌套使用。(本章节只介绍基本布局控件的使用,详细的代码方式布局将在后面章节讲解)

以下是4中布局控件的效果:

图2-16 布局效果

2.2.2 UI设计师的布局功能

在UI设计界面的左上角有一排快捷的布局选项,使用时选中两个以上的控件,点击其中一种布局方式就可以切换布局。

以下为布局的简单示例图:

图2-17 布局效果

如果想要控制某个控件的固定大小,不随着布局改变大小,可以限定最大最小尺寸。选中控件鼠标右键-->大小限定->设置大小。

图2-18 设置最大最小尺寸

水平布局与垂直布局

   图2-19 水平与垂直布局

水平布局将控件按照水平方式摆放,垂直布局将控件按照垂直方式摆放。鼠标拖动红色布局框上的黑色方点,可以调整布局框的大小。随着布局框的尺寸变化,包含的控件高度不会变化,宽度会随着布局框变化。选中其中一个控件然后鼠标右键>点击大小限定,可以限定控件的最大和最小尺寸。

分裂器水平布局与垂直布局    

图2-20 分裂器布局

分裂器方式布局,包含控件的高度和宽度都会随着布局框的拉伸而改变。选中其中一个控件然后鼠标右键>点击大小限定,可以限定控件的最大和最小尺寸。

窗体中布局与栅格布局  

图2-21窗体中布局与栅格

栅格(网格)布局器的基本单元是单元格,而窗体中布局(表单)的基本单元是行。随着布局框的尺寸变化,包含的控件高度不会变化,宽度会随着布局框变化。

设置主窗体布局方式

设置主窗体的布局方式后,包含在主窗体内的控件会随着窗体的拉伸自动调整大小。  

图2-22 主窗体自动拉伸

标签:控件,界面,QT,--,布局,限定,窗体,UI
来源: https://blog.csdn.net/xiaolong1126626497/article/details/120760732