Qt布局詳解:
界面開發首先要對整個界面進行布局,使窗體上的所有的控件必須有一個合適的尺寸和位置。那么做出來的界面才看起來美觀。
那么如何對界面進行布局呢?Qt提供了一些類負責排列窗體上的控件,主要有:QHBoxLayout,QVBoxLayout,QGridLayout,QFormLayout,QStackLayout。(布局管理類)這些類簡單易用,無論在代碼中還是用Qt Designer開發程序都能用到。
常用的布局方法:
(1)使用水平布局類QHBoxLayout;
(2)使用垂直布局類QVBoxLayout;
(3)使用網格布局類QGridLayout;
(4)使用表格布局類QFormLayout;
(5)使用分組布局類QStackLayout( QStackedLayout類把子控件進行分組或者分頁,一次只顯示一組或者一頁,隱藏其他組或者頁上的控件)。
這些方法可以嵌套使用。使用這些Qt布局管理類的另一個原因是,在程序、系統改變字體,語言或者在不同的平台上運行時,布局管理器能夠自動調整窗體里所有控件的大小和尺寸。
布局管理的三種方式:
Qt中有三種方式對窗體上的控件進行布局管理:
1.絕對位置定位(absolute positioning):控件布局是固定位置,沒有自適應功能。
例子如下:
QWidget *pWidget = new QWidget;
QLabel label(pWidget);
label.setText(QObject::tr("姓名:"));
label.setGeometry(10,10,20,20);
QLineEdit namedLineEdit("小王",pWidget);
namedLineEdit.setGeometry(35,10,50,20);
QPushButton *btn = new QPushButton(QObject::tr("關閉"),pWidget);
btn->setGeometry(90,10,40,20);
2.手工布局(manual layout):給出控件的絕對位置,但是他們的尺寸根據窗口的大小確定,可以通過重寫窗體控件的resizeEvent()實現對子控件的大小設置。
3.布局管理器(layout managers):運用QHBoxLayout、QVBoxLayout、QGridLayout 、QFormLayout、QStackLayout布局。
(1).Horizontal Layout布局設置(水平布局):他包含的對象都橫向排列開,示例如圖3-1所示:
圖 3-1 水平布局
(2).Vertical Layout布局設置(垂直布局):他包含的對象都縱向排列開,示例如圖3-2所示:
圖3-2 豎直布局
(3).Grid Layout布局設置(網格布局):將控件放置到網格中布局,它本身會從父窗口或父布局中占據盡可能多的界面空間,然后把自己的空間划分為行和列,再把每個控件塞到設置好的一個或多個單元格中。通常情況下 QGridLayout不需要自己添加空白條 QSpacerItem,因為其他功能控件把各自的單元格占據之后,剩下沒控件占據的單元格自然就是空的,空的格子默認里面什么都沒有,也沒有空白條。示例如圖3-3所示:
圖3-3 網格布局
(4).Form Layout布局設置(表格布局):專門用於管理輸入控件和與之相關的標簽等表單布局,QFormLayout固定為兩列布局,並針對表單做了建模,配套了一堆方便使用的函數。網格布局器的基本單元是單元格,而表單布局器的基本單元是行。表單布局器是高度建模並封裝的,它沒有 addWidget()和 addLayout()之類的函數,它只有addRow()函數。表單布局器中一行的空間可以由多個控件占據,也可以由一個控件占據。示例如圖3-4所示:
圖3-4 表格布局
(5).布局管理器在指定的位置留出一塊空間:(Qt Designer中,可以加入一個spacer實現這一功能)示例如圖3-5所示:
圖3-5 布局留出指定空間
(6).QSpliter分割器的作用:分裂器 QSplitter 是一個實體功能控件,它的基類是 QFrame,QFrame 基類正是 QWidget。QSplitter 可以獨立存在,可以作為父窗口容納多個子控件,分裂器會完全擁有內部的子控件。在 Qt 設計師或 QtCreator 設計模式左邊 Widget Box 里面沒有分裂器可以拖動,使用分裂器的方式是:選中已有的控件,然后點擊上面工具欄的水平分裂器或垂直分裂器按鈕。比如上圖是將三個豐富文本編輯器作為一個水平分裂器排布 的。分裂器內每個控件都有一個手柄 Handle,水平分裂器內控件的手柄在左邊,垂直分裂器內控件的手柄在控件上方。第 0 個控件的手柄是永久隱藏的,分裂器自身占據的大矩形四個邊界線通常不能拖動拉大,只能拖動控件之間的手柄,比如上圖的手柄 1 和 手柄 2 。分裂器整體的尺寸不是用戶控制的,而在分裂器內部的控件尺寸可以讓用戶手工拖動手柄來控制。在程序運行時,水平分裂器內各個控件的寬度、垂直分裂器內部各個控件的高度, 一般都是用戶拖動手柄控制,這是分裂器和布局器最大的不同。
具體操作如下圖3-6所示:
圖 3-6
實際效果如下圖3-7所示:
圖 3-7分割實際效果圖
sizepolicy:
1. Fixed: 大小不能改變
設置部件大小
只要是繼承自QWidget的類都有以下兩個屬性:
大小提示:siziHint()
保存部件的建議大小信息 ->通過函數可獲取
最小大小提示:minimumSizeHint()
保存部件的建議最小大小信息 ->通過函數可獲取
sizePolicy屬性:
常量 | 描述 |
---|---|
QSizePolicy::Fixed | 只能使用sizeHint()提供的值,無法伸縮 |
QSizePolicy::Minimum | siziHint()提供的大小是最小的,部件可以被拉伸 |
QSizePolicy::Maximum | sizeHint()提供的是最大大小,部件可以被壓縮 |
QSizePolicy::Preferred | sizeHint()提供的大小是最佳大小,可以拉伸可以壓縮 |
QSizePolicy::Expanding | sizeHint()提供的是合適的大小,部件可以被壓縮,不過更傾向於拉伸來獲得更多的空間 |
QSizePolicy::MinimumExpanding | sizeHint()提供的大小是最小的,部件傾向於被拉伸來獲取更多的空間 |
QSizePolicy::Ignored | sizeHint()的值被忽略,部件將盡可能的被拉伸來獲取更多的空間 |
關於伸縮因子(stretch factor)的概念:在代碼中,可以在使用布局管理器的addWidget()函數添加部件時,在第二個參數指定伸縮因子。2,1
QLayout
屬性 | 說明 |
---|---|
layoutName | 現在所使用的布局管理器的名稱 |
layoutLeftMargin | 設置布局管理器到界面左邊界的距離 |
layoutTopMargin | 設置布局管理器到界面上邊界的距離 |
layoutRightMargin | 右邊界 |
layoutBottomMargin | 下邊界 |
layoutSpacing | 布局管理器各個子部件間的距離 |
layoutStretch | 伸縮因子 |
layoutSizeConstraint | 設置大小約束條件 |