1、第3章 Qt 5布局管理3.1 分割窗口QSplitter類3.2 ?？看翱赒DockWidget類3.3 堆棧窗體QStackedWidget類3.4 基本布局（QLayout）3.1 分割窗口QSplitter類【例】（簡單）（CH301）一個十分簡單的分割窗口功能，整個窗口由三個子窗口組成，各個子窗口之間的大小可隨意拖曳改變，效果如圖3.1所示。3.1 分割窗口QSplitter類本實(shí)例采用編寫代碼的方式實(shí)現(xiàn)，具體步驟如下。（1）新建Qt Widgets Application（詳見1.3.1節(jié)），項(xiàng)目名稱為“Splitter”，基類選擇“QMainWindow”，取消“創(chuàng)建界面”復(fù)選框

2、的選中狀態(tài)。（2）在上述工程的“main.cpp”文件中添加如下代碼。其中，(a) QSplitter *splitterMain =new QSplitter(Qt:Horizontal,0)：新建一個QSplitter類對象，作為主分割窗口，設(shè)定此分割窗口為水平分割窗口。(b) QTextEdit *textLeft =new QTextEdit(QObject:tr(Left Widget),splitterMain)：新建一個QTextEdit類對象，并將其插入主分割窗口中。(c) textLeft-setAlignment(Qt:AlignCenter)：設(shè)定TextEdit中文字的

3、對齊方式，常用的對齊方式有以下幾種。(d)QSplitter *splitterRight =new QSplitter(Qt:Vertical,splitterMain)：新建一個QSplitter類對象，作為右分割窗口，設(shè)定此分割窗口為垂直分割窗口，并以主分割窗口為父窗口。(e) splitterRight-setOpaqueResize(false)：調(diào)用setOpaqueResize(bool)方法用于設(shè)定分割窗口的分割條在拖曳時是否為實(shí)時更新顯示，若設(shè)為true則實(shí)時更新顯示，若設(shè)為false則在拖曳時只顯示一條灰色的粗線條，在拖曳到位并釋放鼠標(biāo)后再顯示分割條。(f) splitte

4、rMain-setStretchFactor(1,1)：調(diào)用setStretchFactor()方法用于設(shè)定可伸縮控件，它的第1個參數(shù)用于指定設(shè)置的控件序號，控件序號按插入的先后次序從0起依次編號；第2個參數(shù)為大于0的值，表示此控件為可伸縮控件。3.1 分割窗口QSplitter類（3）在“main.cpp”文件的開始部分加入以下頭文件：#include#include#include（4）運(yùn)行程序，顯示效果如圖3.1所示。3.2 ?？看翱赒DockWidget類?？看翱赒DockWidget類也是應(yīng)用程序中經(jīng)常用到的，設(shè)置?？看翱诘囊话懔鞒倘缦隆＃?）創(chuàng)建一個QDockWidget對象的?？?/p>

5、窗體。（2）設(shè)置此?？看绑w的屬性，通常調(diào)用setFeatures()及setAllowedAreas()兩種方法。（3）新建一個要插入停靠窗體的控件，常用的有QListWidget和QTextEdit。（4）將控件插入?？看绑w，調(diào)用QDockWidget的setWidget()方法。（5）使用addDockWidget()方法在MainWindow中加入此?？看绑w。3.2 ?？看翱赒DockWidget類【例】（簡單）（CH302）?？看翱赒DockWidget類的使用：窗口1只可在主窗口的左邊和右邊停靠；窗口2只可在浮動和右部?？績煞N狀態(tài)間切換，并且不可移動；窗口3可實(shí)現(xiàn)?？看翱诘母鞣N狀態(tài)。

6、效果如圖3.2所示。3.2 停靠窗口QDockWidget類本實(shí)例是采用編寫代碼的方式實(shí)現(xiàn)的，具體步驟如下。（1）新建Qt Widgets Application （詳見1.3.1節(jié)），項(xiàng)目名稱為“DockWindows”，基類選擇“QMainWindow”，類名命名為“DockWindows”，取消“創(chuàng)建界面”復(fù)選框的選中狀態(tài)，如圖3.3所示。3.2 ?？看翱赒DockWidget類（2）DockWindows類中只有一個構(gòu)造函數(shù)的聲明。位于“dockwindows.h”文件中，代碼如下：class DockWindows : public QMainWindow Q_OBJECTpubli

7、c: DockWindows(QWidget *parent = 0); DockWindows();（3）打開“dockwindows.cpp”文件，DockWindows類構(gòu)造函數(shù)實(shí)現(xiàn)窗口的初始化及功能實(shí)現(xiàn)，具體代碼。3.2 停靠窗口QDockWidget類其中，(a) setFeatures()方法設(shè)置?？看绑w的特性，原型如下：void setFeatures(DockWidgetFeatures features)參數(shù)QDockWidget:DockWidgetFeatures指定?？看绑w的特性，包括以下幾種參數(shù)。 QDockWidget:DockWidgetClosable：停靠窗體

8、可關(guān)閉。 QDockWidget:DockWidgetMovable：?？看绑w可移動。 QDockWidget:DockWidgetFloatable：?？看绑w可浮動。 QDockWidget:AllDockWidgetFeatures：此參數(shù)表示擁有停靠窗體的所有特性。 QDockWidget:NoDockWidgetFeatures：不可移動、不可關(guān)閉、不可浮動。(b) setAllowedAreas()方法設(shè)置停靠窗體可?？康膮^(qū)域，原型如下：void setAllowedAreas(Qt:DockWidgetAreas areas)參數(shù)Qt:DockWidgetAreas指定了?？看绑w可

9、?？康膮^(qū)域，包括以下幾種參數(shù)。 Qt:LeftDockWidgetArea：可在主窗口的左側(cè)?？?。 Qt:RightDockWidgetArea：可在主窗口的右側(cè)?？?。 Qt:TopDockWidgetArea：可在主窗口的頂端停靠。 Qt:BottomDockWidgetArea：可在主窗口的底部停靠。 Qt:AllDockWidgetArea：可在主窗口任意（以上四個）部位?？?。 Qt:NoDockWidgetArea：只可?？吭诓迦胩?。3.2 ?？看翱赒DockWidget類（4）在“dockwindows.cpp”文件的開始部分加入以下頭文件：#include#include（5）運(yùn)行

10、程序，顯示效果如圖3.2所示。3.3 堆棧窗體QStackedWidget類【例】（簡單）（CH303）堆棧窗體QStackedWidget類的使用，當(dāng)選擇左側(cè)列表框中不同的選項(xiàng)時，右側(cè)顯示所選的不同的窗體。在此使用列表框QListWidget，效果如圖3.4所示。3.3 堆棧窗體QStackedWidget類本實(shí)例是采用編寫代碼的方式實(shí)現(xiàn)的，具體步驟如下：（1）新建Qt Widgets Application（詳見1.3.1節(jié)），項(xiàng)目名稱為“StackedWidget”，基類選擇“QDialog”，類名命名為“StackDlg”，取消“創(chuàng)建界面”復(fù)選框的選中狀態(tài)，如圖3.5所示。3.3 堆棧

11、窗體QStackedWidget類（2）打開“stackdlg.h”文件，添加如下加黑代碼：class StackDlg : public QDialogQ_OBJECTpublic:StackDlg(QWidget *parent = 0);StackDlg();private:QListWidget *list;QStackedWidget *stack;QLabel *label1;QLabel *label2;QLabel *label3;在文件開始部分添加以下頭文件：#include #include #include （3）打開“stackdlg.cpp”文件，在?？看绑wStack

12、Dlg類的構(gòu)造函數(shù)中添加如下代碼。3.3 堆棧窗體QStackedWidget類其中，(a) mainLayout-setStretchFactor(list,1)：設(shè)定可伸縮控件，第1個參數(shù)用于指定設(shè)置的控件（序號從0起編號），第2個參數(shù)的值大于0則表示此控件為可伸縮控件。(b)connect(list,SIGNAL(currentRowChanged(int),stack,SLOT(setCurrentIndex(int)：將QListWidget的currentRowChanged()信號與堆棧窗體的setCurrentIndex()槽函數(shù)連接起來，實(shí)現(xiàn)按選擇顯示窗體。此處的堆棧窗體in

13、dex按插入的順序從0起依次排序，與QListWidget的條目排序相一致。（4）在stackdlg.cpp文件的開始部分加入以下頭文件：#include （5）運(yùn)行程序，顯示效果如圖3.4所示。3.4 基本布局（QLayout）Qt提供了QHBoxLayout類、QVBoxLayout類及QGridLayout類等的基本布局管理，分別是水平排列布局、垂直排列布局和網(wǎng)格排列布局。它們之間的繼承關(guān)系如圖3.6所示。3.4 基本布局（QLayout）布局中常用的方法有addWidget()和addLayout()。addWidget()方法用于加入需要布局的控件，方法原型如下：void addWi

14、dget(QWidget *widget, /需要插入的控件對象int fromRow, /插入的行int fromColumn, /插入的列int rowSpan, /表示占用的行數(shù)int columnSpan, /表示占用的列數(shù)Qt:Alignment alignment=0 /描述各個控件的對齊方式)3.4 基本布局（QLayout）addLayout()方法用于加入子布局，方法原型如下：void addLayout(QLayout *layout, /表示需要插入的子布局對象int row, /插入的起始行int column, /插入的起始列int rowSpan, /表示占用的行數(shù)

15、int columnSpan, /表示占用的列數(shù)Qt:Alignment alignment=0 /指定對齊方式)3.4 基本布局（QLayout）【例】（難度一般） （CH304）通過實(shí)現(xiàn)一個“用戶基本資料修改”的功能表單來介紹如何使用基本布局管理，如QHBoxLayout類、QVBoxLayout類及QGridLayout類，效果如圖3.7所示。3.4 基本布局（QLayout）本實(shí)例共用到四個布局管理器，分別是LeftLayout、RightLayout、BottomLayout和MainLayout，其布局框架如圖3.8所示。3.4 基本布局（QLayout）（1）新建Qt Widge

16、ts Application（詳見1.3.1節(jié)），項(xiàng)目名稱為“UserInfo”，基類選擇“QDialog”，取消“創(chuàng)建界面”復(fù)選框的選中狀態(tài)。（2）打開“dialog.h”頭文件，在頭文件中聲明對話框中的各個控件。添加如下代碼。添加如下頭文件：#include #include #include #include #include （3）打開“dialog.cpp”文件，在類Dialog的構(gòu)造函數(shù)中添加如下代碼。3.4 基本布局（QLayout）其中，(a) OtherLabel-setFrameStyle(QFrame:Panel|QFrame:Sunken)：設(shè)置控件的風(fēng)格。setFra

17、meStyle()是QFrame的方法，參數(shù)以或(|)的方式設(shè)定控件的面板風(fēng)格，由形狀(QFrame:Shape)和陰影(QFrame:shadow)兩項(xiàng)配合設(shè)定。(b) LeftLayout =new QGridLayout()：左部布局，由于此布局管理器不是主布局管理器，所以不用指定父窗口。(c) LeftLayout-setColumnStretch(0,1)、LeftLayout-setColumnStretch(1,3)：設(shè)定兩列分別占用空間的比例，本例設(shè)定為1:3。(d) ButtomLayout-addStretch()：在按鈕之前插入一個占位符，使兩個按鈕能夠靠右對齊，并且在整個對話框的大小發(fā)生改變時，保證按鈕的大小不發(fā)生變化。(e) QGridLayout *mainLayout =new QGridLayout(this)：實(shí)現(xiàn)主布局，指定父窗口this，也可調(diào)用this-setLayout(mainLayout)實(shí)現(xiàn)。(f) mainLayout-setSizeConstraint(QLayout:SetFixe