Qt5開發(fā)及實(shí)例 03章 布局管理

1、第三章 Qt 5Qt 5布局管理3.1 3.1 分割窗口分割窗口QSplitterQSplitter類類3.2 3.2 停靠窗口?？看翱赒DockWidgetQDockWidget類類3.33.3 堆棧窗體堆棧窗體QStackedWidgetQStackedWidget類類3.4 3.4 基本布局（基本布局（QLayoutQLayout）3.1 3.1 分割窗口分割窗口QSplitterQSplitter類類介紹一個十分簡單的分割窗口功能，整個對話框由三個窗口組成，各個窗口之間的大小可隨意拖曳改變，效果如圖3.1所示。3.1 3.1 分割窗口分割窗口QSplitterQSplitter類類（1

2、）新建Qt Gui應(yīng)用（詳見本書第1章1.3.1節(jié)），項(xiàng)目名稱為“Splitter”，基類選擇“QMainWindow”，取消“創(chuàng)建界面”復(fù)選框的選中狀態(tài)。（2）在上述工程的“main.cpp”文件中添加代碼。（3）在“main.cpp”文件的開始部分加入以下頭文件：#include#include#include （4）運(yùn)行程序，顯示效果如圖3.1所示。3.2 3.2 停靠窗口?？看翱赒DockWidgetQDockWidget類類?？看翱赒DockWidget類也是應(yīng)用程序中經(jīng)常用到的，設(shè)置停靠窗口的一般流程如下。（1）創(chuàng)建一個QDockWidget對象的停靠窗體。（2）設(shè)置此?？看绑w的屬

3、性，通常調(diào)用setFeatures()及setAllowedAreas()兩種方法。（3）新建一個要插入?？看绑w的控件，常用的有QListWidget和QTextEdit。（4）將控件插入停靠窗體，調(diào)用QDockWidget的setWidget()方法。（5）使用addDockWidget()方法在MainWindow中加入此?？看绑w。3.2 3.2 ?？看翱谕？看翱赒DockWidgetQDockWidget類類下面通過一個簡單的例子來學(xué)習(xí)停靠窗口QDockWidget類的使用，窗口1只可在主窗口的左邊和右邊?？?；窗口2只可在浮動和右部停靠兩種狀態(tài)間切換，并且不可移動；窗口3可實(shí)現(xiàn)?？看翱诘?/p>

4、各種狀態(tài)。效果如圖3.2所示。3.2 3.2 ?？看翱谕？看翱赒DockWidgetQDockWidget類類（1）新建Qt Gui應(yīng)用（詳見本書第1章1.3.1節(jié)），項(xiàng)目名稱為“DockWindows”，基類選擇“QMainWindow”，類名命名為“DockWindows”，取消“創(chuàng)建界面”復(fù)選框的選中狀態(tài)，如圖3.3所示。3.2 3.2 ?？看翱谕？看翱赒DockWidgetQDockWidget類類（2）DockWindows類說明中只有一個構(gòu)造函數(shù)的說明。代碼如下：class DockWindows : public QMainWindow Q_OBJECTpublic: DockW

5、indows(QWidget *parent = 0); DockWindows();（3）打開“dockwindows.cpp”文件，DockWindows類構(gòu)造函數(shù)實(shí)現(xiàn)窗口的初始化及功能實(shí)現(xiàn)，具體代碼所示。（4）在“dockwindows.cpp”文件的開始部分加入以下頭文件：#include#include（5）運(yùn)行程序，顯示效果如圖3.2所示。3.33.3 堆棧窗體QStackedWidgetQStackedWidget類通過一個簡單的例子來學(xué)習(xí)堆棧窗體QStackedWidget類的使用，當(dāng)選擇左側(cè)列表框中不同的選項(xiàng)時，右側(cè)顯示所選的不同的窗體。在此使用列表框QListWidget，

6、效果如圖3.4所示3.33.3 堆棧窗體QStackedWidgetQStackedWidget類（1）新建Qt Gui應(yīng)用，項(xiàng)目名稱為“StackedWidget”，基類選擇“QDialog”，類名命名為“StackDlg”，取消“創(chuàng)建界面”復(fù)選框的選中狀態(tài)，如圖3.5所示。3.33.3 堆棧窗體QStackedWidgetQStackedWidget類（2）打開“stackdlg.h”文件，添加如下加黑代碼：class StackDlg : public QDialogQ_OBJECTpublic:StackDlg(QWidget *parent = 0);StackDlg();priva

7、te:private:QListWidget QListWidget * *list;list;QStackedWidget QStackedWidget * *stack;stack;QLabel QLabel * *label1;label1;QLabel QLabel * *label2;label2;QLabel QLabel * *label3;label3;在文件開始部分添加以下頭文件：#include #include #include 3.33.3 堆棧窗體QStackedWidgetQStackedWidget類（3）打開“stackdlg.cpp”文件，在停靠窗體Stack

8、Dlg類的構(gòu)造函數(shù)中添加代碼。（4）在stackdlg.cpp文件的開始部分加入以下頭文件：#include （5）運(yùn)行程序，顯示效果如圖3.4所示。3.4 3.4 基本布局（基本布局（QLayoutQLayout）Qt提供了QHBoxLayout類、QVBoxLayout類及QGridLayout類等的基本布局管理，分別是水平排列布局、垂直排列布局和網(wǎng)格排列布局。它們之間的繼承關(guān)系如圖3.6所示。3.4 3.4 基本布局（基本布局（QLayoutQLayout）addWidget()方法用于向布局中加入需要布局的控件，addWidget()的函數(shù)原型如下：void addWidget(QWi

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

10、t columnSpan, /表示占用的列數(shù)Qt:Alignment alignment=0 /指定對齊方式)3.4 3.4 基本布局（基本布局（QLayoutQLayout）本節(jié)將通過實(shí)現(xiàn)一個“用戶基本資料修改”的功能表來介紹如何使用基本布局管理，如QHBoxLayout類、QVBoxLayout類及QGridLayout類，效果如圖3.7所示。3.4 3.4 基本布局（基本布局（QLayoutQLayout）本實(shí)例共用到四個布局管理器，分別是LeftLayout、RightLayout、BottomLayout和MainLayout，其布局框架如圖3.8所示。3.4 3.4 基本布局（基本布局（QLayoutQLayout）（1）新建Qt Gui應(yīng)用，項(xiàng)目名稱為“UserInfo”，基類選擇“QDialog”，取消“創(chuàng)建界面”復(fù)選框的選中狀態(tài)。（2）打開“dialog.h”頭文件，在頭文件中聲明對話框中的各個控件。添加代碼所示。添加如下的頭文件：#include #include #include #include #include 3.4 3.4 基本布局（基本布局（QLayoutQLayout）（3）打開“dialog.cpp”文件，在類Dialog的構(gòu)造函數(shù)中添加代碼。（4）在“dialog.cpp”文件的開始部分加入以下頭文件：#include#include#inc