QT5開(kāi)發(fā)及實(shí)例（第5版）第3章Qt5布局管理——分割窗口類(lèi)：QSplitter分割窗口類(lèi)：QSplitter【例】（簡(jiǎn)單）（CH301）一個(gè)十分簡(jiǎn)單的分割窗口功能，整個(gè)窗口由三個(gè)子窗口組成，各個(gè)子窗口之間的大小可隨意拖曳改變，效果如圖。分割窗口類(lèi)：QSplitter開(kāi)發(fā)步驟如下。（1）以“直接編寫(xiě)代碼”（即取消勾選“Generateform”復(fù)選框）方式創(chuàng)建Qt項(xiàng)目，項(xiàng)目名Splitter，“ClassInformation”頁(yè)基類(lèi)選“QMainWindow”。（2）在上述工程的main.cpp文件中添加如下代碼。（3）在main.cpp文件的開(kāi)始部分加入以下頭文件：#include<Qsplitter>#include<QTextEdit>#include<QTextCodec>（4）運(yùn)行程序，顯示效果如圖。QT5開(kāi)發(fā)及實(shí)例（第5版）第3章Qt5布局管理——停靠窗口類(lèi)：QDockWidget停靠窗口類(lèi)：QDockWidget停靠窗口QDockWidget類(lèi)也是在應(yīng)用程序中經(jīng)常用到的，設(shè)置停靠窗口的一般流程如下。（1）創(chuàng)建一個(gè)QDockWidget對(duì)象的停靠窗體。（2）設(shè)置此停靠窗體的屬性，通常調(diào)用setFeatures()及setAllowedAreas()兩種方法。（3）新建一個(gè)要插入停靠窗體的控件，常用的有QListWidget和QTextEdit。（4）將控件插入停靠窗體，調(diào)用QDockWidget的setWidget()方法。（5）使用addDockWidget()方法在MainWindow中加入此停靠窗體。停靠窗口類(lèi)：QDockWidget【例】（簡(jiǎn)單）（CH302）停靠窗口QDockWidget類(lèi)的使用：窗口1只可在主窗口的左邊和右邊停靠；窗口2只可在浮動(dòng)和右部停靠?jī)煞N狀態(tài)間切換，并且不可移動(dòng)；窗口3可實(shí)現(xiàn)停靠窗口的各種狀態(tài)。效果如圖。停靠窗口類(lèi)：QDockWidget開(kāi)發(fā)步驟如下。（1）以“直接編寫(xiě)代碼”（即取消勾選“Generateform”復(fù)選框）方式創(chuàng)建Qt項(xiàng)目，項(xiàng)目名DockWindows，“ClassInformation”頁(yè)基類(lèi)選“QMainWindow”，類(lèi)名命名為DockWindows。（2）DockWindows類(lèi)中只有一個(gè)構(gòu)造函數(shù)的聲明。位于dockwindows.h文件中，代碼如下：classDockWindows:publicQMainWindow{Q_OBJECTpublic: DockWindows(QWidget*parent=0);~DockWindows();};（3）打開(kāi)dockwindows.cpp文件，DockWindows類(lèi)構(gòu)造函數(shù)實(shí)現(xiàn)窗口的初始化及功能實(shí)現(xiàn)，具體代碼。（4）在dockwindows.cpp文件的開(kāi)始部分加入以下頭文件：#include<QTextEdit>#include<QDockWidget>（5）運(yùn)行程序，顯示效果如上圖。QT5開(kāi)發(fā)及實(shí)例（第5版）第3章Qt5布局管理——堆棧窗體類(lèi)：QStackedWidget堆棧窗體類(lèi)：QStackedWidget【例】（簡(jiǎn)單）（CH303）堆棧窗體QStackedWidget類(lèi)的使用，當(dāng)選擇左側(cè)列表框中不同的選項(xiàng)時(shí)，右側(cè)顯示所選的不同的窗體。在此使用列表框QListWidget，效果如圖。堆棧窗體類(lèi)：QStackedWidget開(kāi)發(fā)步驟如下：（1）以“直接編寫(xiě)代碼”（即取消勾選“Generateform”復(fù)選框）方式創(chuàng)建Qt項(xiàng)目，項(xiàng)目名StackedWidget，“ClassInformation”頁(yè)基類(lèi)選“QDialog”，類(lèi)名命名為StackDlg。（2）打開(kāi)stackdlg.h文件，添加如下加黑代碼：classStackDlg:publicQDialog{ Q_OBJECTpublic: StackDlg(QWidget*parent=0); ~StackDlg();private:

QListWidget*list;

QStackedWidget*stack;

QLabel*label1;

QLabel*label2;

QLabel*label3;};在文件開(kāi)始部分添加以下頭文件：#include<QListWidget>#include<QStackedWidget>#include<QLabel>堆棧窗體類(lèi)：QStackedWidget（3）打開(kāi)stackdlg.cpp文件，在停靠窗體StackDlg類(lèi)的構(gòu)造函數(shù)中添加如下代碼。（4）在stackdlg.cpp文件的開(kāi)始部分加入以下頭文件：#include<QHBoxLayout>（5）運(yùn)行程序，顯示效果如圖。QT5開(kāi)發(fā)及實(shí)例（第5版）第3章Qt5布局管理——基本布局類(lèi)：QLayout基本布局類(lèi)：QLayoutQt提供了QHBoxLayout類(lèi)、QVBoxLayout類(lèi)及QGridLayout類(lèi)等的基本布局管理，分別是水平排列布局、垂直排列布局和網(wǎng)格排列布局。各種布局類(lèi)及繼承關(guān)系如圖。基本布局類(lèi)：QLayout布局中常用的方法有addWidget()和addLayout()。addWidget()方法用于加入需要布局的控件，方法原型如下：voidaddWidget( QWidget*widget, //需要插入的控件對(duì)象 intfromRow, //插入的行 intfromColumn, //插入的列 introwSpan, //表示占用的行數(shù) intcolumnSpan, //表示占用的列數(shù) Qt::Alignmentalignment=0 //描述各個(gè)控件的對(duì)齊方式)基本布局類(lèi)：QLayoutaddLayout()方法用于加入子布局，方法原型如下：voidaddLayout( QLayout*layout, //表示需要插入的子布局對(duì)象 introw, //插入的起始行 intcolumn, //插入的起始列 introwSpan, //表示占用的行數(shù) intcolumnSpan, //表示占用的列數(shù) Qt::Alignmentalignment=0 //指定對(duì)齊方式)基本布局類(lèi)：QLayout【例】（難度一般）（CH304）通過(guò)實(shí)現(xiàn)一個(gè)“用戶(hù)基本資料修改”的功能表單來(lái)介紹如何使用基本布局管理，如QHBoxLayout類(lèi)、QVBoxLayout類(lèi)及QGridLayout類(lèi)，效果如圖。基本布局類(lèi)：QLayout本實(shí)例共用到四個(gè)布局管理器，分別是LeftLayout、RightLayout、BottomLayout和MainLayout，其布局框架如圖。基本布局類(lèi)：QLayout開(kāi)發(fā)步驟如下。（1）以“直接編寫(xiě)代碼”（即取消勾選“Generateform”復(fù)選框）方式創(chuàng)建Qt項(xiàng)目，項(xiàng)目名UserInfo，“ClassInformation”頁(yè)基類(lèi)選“QDialog”。（2）打開(kāi)dialog.h頭文件，在頭文件中聲明對(duì)話(huà)框中的各個(gè)控件。添加如下代碼。添加如下頭文件：#include<QLabel>#include<QLineEdit>#include<QComboBox>#include<QTextEdit>#include<QGridLayout>（3）打開(kāi)dialog.cpp文件，在類(lèi)Dialog的構(gòu)造函數(shù)中添加如下代碼。（4）在dialog.cpp文件的開(kāi)始部分加入以下頭文件：#include<QLabel>#include<QLineEdit>#include<QComboBox>#include<QPushButton>#include<QFrame>#include<QGridLayout>#include<QPixmap>#include<QHBoxLayout>（5）為了能夠在界面上顯示頭像圖片，將事先準(zhǔn)備好的圖片312.png復(fù)制到項(xiàng)目debug目錄下，運(yùn)行程序，顯示效果如上圖。QT5開(kāi)發(fā)及實(shí)例（第5版）第3章Qt5布局管理——布局管理綜合實(shí)例布局管理綜合實(shí)例【例】（難度中等）（CH305）通過(guò)修改用戶(hù)資料實(shí)例，介紹如何使用布局方法實(shí)現(xiàn)一個(gè)復(fù)雜的窗口布局，如何使用分割窗口，以及如何使用堆棧窗體。實(shí)例效果如圖。（a）“基本信息”頁(yè)面布局管理綜合實(shí)例（b）“聯(lián)系方式”頁(yè)面（c）“詳細(xì)資料”頁(yè)面布局管理綜合實(shí)例最外層是一個(gè)分割窗體QSplitter，分割窗體的左側(cè)是一個(gè)QListWidget，右側(cè)是一個(gè)QVBoxLayout布局，此布局包括一個(gè)堆棧窗體QStackWidget和一個(gè)按鈕布局。在此堆棧窗體QStackWidget中包含三個(gè)頁(yè)面，每個(gè)頁(yè)面采用基本布局方式進(jìn)行布局管理，如圖。布局管理綜合實(shí)例1．導(dǎo)航頁(yè)實(shí)現(xiàn)（1）以“直接編寫(xiě)代碼”（即取消勾選“Generateform”復(fù)選框）方式創(chuàng)建Qt項(xiàng)目，項(xiàng)目名Example，“ClassInformation”頁(yè)基類(lèi)選“QDialog”，類(lèi)名命名為Content。（2）在圖中所示的布局框架中，框架左側(cè)的頁(yè)面（導(dǎo)航頁(yè)）就用Content類(lèi)來(lái)實(shí)現(xiàn)。打開(kāi)content.h頭文件，修改Content類(lèi)繼承自QFrame類(lèi)，類(lèi)聲明中包含自定義的三個(gè)頁(yè)面類(lèi)對(duì)象、兩個(gè)按鈕對(duì)象及一個(gè)堆棧窗體對(duì)象，添加如下代碼：//添加的頭文件#include<QStackedWidget>#include<QPushButton>#include"baseinfo.h"#include"contact.h"#include"detail.h"classContent:publicQFrame{ Q_OBJECTpublic: Content(QWidget*parent=0); ~Content(); QStackedWidget*stack; QPushButton*AmendBtn; QPushButton*CloseBtn; BaseInfo*baseInfo; Contact*contact; Detail*detail;};（3）打開(kāi)Content.cpp文件，添加如下代碼。布局管理綜合實(shí)例2．“修改用戶(hù)基本信息”設(shè)計(jì)（1）添加該工程的提供主要顯示用戶(hù)基本信息界面的函數(shù)所在的文件，在Example項(xiàng)目名上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“添加新文件...”選項(xiàng)，在彈出的如圖的對(duì)話(huà)框中選擇“C++Class”選項(xiàng)，單擊“Choose...”按鈕。布局管理綜合實(shí)例（2）彈出如圖的對(duì)話(huà)框，在“Baseclass”下拉列表框中選擇基類(lèi)名為“QWidget”，在“Classname”的文本框中輸入類(lèi)的名稱(chēng)“BaseInfo”。單擊“下一步”按鈕，單擊“完成”按鈕，添加“baseinfo.h”頭文件和“baseinfo.cpp”源文件。（3）打開(kāi)baseinfo.h頭文件，添加的代碼如下。（4）打開(kāi)baseinfo.cpp文件，添加如下代碼。布局管理綜合實(shí)例3．“顯示用戶(hù)的聯(lián)系方式”設(shè)計(jì)（1）添加該工程的提供主要顯示用戶(hù)的聯(lián)系方式界面的函數(shù)所在的文件，在Example項(xiàng)目名上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“添加新文件...”選項(xiàng)，在彈出的對(duì)話(huà)框中選擇“C++Class”選項(xiàng)。單擊“Choose...