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

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

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

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

6、效果如圖3.4所示3.33.3 堆棧窗體QStackedWidgetQStackedWidget類（1）新建Qt Gui應用，項目名稱為“StackedWidget”，基類選擇“QDialog”，類名命名為“StackDlg”，取消“創(chuàng)建界面”復選框的選中狀態(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”文件，在?？看绑wStack

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

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

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