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

QListWidget*list;

QStackedWidget*stack;

QLabel*label1;

QLabel*label2;

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