Qt5.9学习笔记——Qt 5布局管理的三种窗口

1.分割窗口Qsplitter类

本实例采用编写代码的方式实现，具体步骤如下。
（1）新建Qt Widgets Application，项目名称为“Splitter”，基类选择“QMainWindow”，取消“创建界面”复选框的选中状态。
（2）在上述工程的“main.cpp”文件中添加如下代码。

#include "mainwindow.h"
#include 
#include
#include
#include 
int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QFont font("ZYSong18030",12);                               //指定显示字体
    a.setFont(font);
    //主分割窗口
    QSplitter *splitterMain =new QSplitter(Qt::Horizontal,0);   //(a)
    QTextEdit *textLeft =new QTextEdit(QObject::tr("Left Widget"), splitterMain);//(b)
    textLeft->setAlignment(Qt::AlignCenter);                    //(c)
    //右部分分割窗口                                               //(d)
    QSplitter *splitterRight =new QSplitter(Qt::Vertical,splitterMain);
    splitterRight->setOpaqueResize(false);                      //(e)
    QTextEdit *textUp =new QTextEdit(QObject::tr("Top Widget"), splitterRight);
    textUp->setAlignment(Qt::AlignCenter);
    QTextEdit *textBottom =new QTextEdit(QObject::tr("Bottom Widget"), splitterRight);
    textBottom->setAlignment(Qt::AlignCenter);
    splitterMain->setStretchFactor(1,1);                        //(f)
    splitterMain->setWindowTitle(QObject::tr("Splitter"));
    splitterMain->show();

    //MainWindow w;
    //w.show();

    return a.exec();
}

其中，
(a) QSplitter *splitterMain =new QSplitter(Qt::Horizontal,0)：新建一个QSplitter类对象，作为主分割窗口，设定此分割窗口为水平分割窗口。

(b) QTextEdit *textLeft =new QTextEdit(QObject::tr(“Left Widget”),splitterMain)：新建一个QTextEdit类对象，并将其插入主分割窗口中。

(c) textLeft->setAlignment(Qt::AlignCenter)：设定TextEdit中文字的对齐方式，常用的对齐方式有以下几种。

(d) QSplitter *splitterRight =new QSplitter(Qt::Vertical,splitterMain)：新建一个QSplitter类对象，作为右分割窗口，设定此分割窗口为垂直分割窗口，并以主分割窗口为父窗口。

(e) splitterRight->setOpaqueResize(false)：调用setOpaqueResize(bool)方法用于设定分割窗口的分割条在拖曳时是否为实时更新显示，若设为true则实时更新显示，若设为false则在拖曳时只显示一条灰色的粗线条，在拖曳到位并释放鼠标后再显示分割条。

(f) splitterMain->setStretchFactor(1,1)：调用setStretchFactor()方法用于设定可伸缩控件，它的第1个参数用于指定设置的控件序号，控件序号按插入的先后次序从0起依次编号；第2个参数为大于0的值，表示此控件为可伸缩控件。

（3）在“main.cpp”文件的开始部分加入以下头文件：

 #include
 #include
 #include

（4）运行程序，显示效果如图3.1所示。

停靠窗口QDockWidget类

停靠窗口QDockWidget类也是应用程序中经常用到的，设置停靠窗口的一般流程如下。
（1）创建一个QDockWidget对象的停靠窗体。
（2）设置此停靠窗体的属性，通常调用setFeatures()及setAllowedAreas()两种方法。
（3）新建一个要插入停靠窗体的控件，常用的有QListWidget和QTextEdit。
（4）将控件插入停靠窗体，调用QDockWidget的setWidget()方法。
（5）使用addDockWidget()方法在MainWindow中加入此停靠窗体。

【例】（CH302）停靠窗口QDockWidget类的使用：窗口1只可在主窗口的左边和右边停靠；窗口2只可在浮动和右部停靠两种状态间切换，并且不可移动；窗口3可实现停靠窗口的各种状态。效果如下图所示。

本实例是采用编写代码的方式实现的，具体步骤如下。
（1）新建Qt Widgets Application ，项目名称为“DockWindows”，基类选择“QMainWindow”，类名命名为“DockWindows”，取消“创建界面”复选框的选中状态。
（2）DockWindows类中只有一个构造函数的声明。位于“dockwindows.h”文件中，代码如下：

class DockWindows : public QMainWindow
{
     Q_OBJECT
public:
        DockWindows(QWidget *parent = 0);
     ~DockWindows();
};

（3）打开“dockwindows.cpp”文件，DockWindows类构造函数实现窗口的初始化及功能实现，具体代码。

#include "dockwindows.h"
#include
#include
DockWindows::DockWindows(QWidget *parent)
    : QMainWindow(parent)
{
    setWindowTitle(tr("基于图像识别的象棋机器人")); //设置主窗口的标题栏文字
    QTextEdit *te=new QTextEdit(this);  //定义一个QTextEdit对象作为主窗口
    te->setText(tr("人机对弈界面"));
    te->setAlignment(Qt::AlignCenter);
    setCentralWidget(te);               //将此编辑框设为主窗口的中央窗体


    //停靠窗口1
    QDockWidget *dock=new QDockWidget(tr("原始图像"),this);
    //可移动
    dock->setFeatures(QDockWidget::DockWidgetMovable);  //(a)设置窗口特性
    dock->setAllowedAreas(Qt::LeftDockWidgetArea|Qt::RightDockWidgetArea);                                                      //(b)
    QTextEdit *te1 =new QTextEdit();
    te1->setText(tr("Window1,The dock widget can be moved between docks by the user" ""));
    dock->setWidget(te1);
    addDockWidget(Qt::RightDockWidgetArea,dock);



    //停靠窗口2
    dock=new QDockWidget(tr("二值化图像"),this);
    dock->setFeatures(QDockWidget::DockWidgetClosable|QDockWidget::DockWidgetFloatable);                                        //可关闭、可浮动
    QTextEdit *te2 =new QTextEdit();
    te2->setText(tr("Window2,The dock widget can be detached from the main window,""and floated as an independent window, and can be closed"));
    dock->setWidget(te2);
    addDockWidget(Qt::RightDockWidgetArea,dock);


    //停靠窗口3
    dock=new QDockWidget(tr("实时棋谱"),this);
    dock->setFeatures(QDockWidget::AllDockWidgetFeatures);   //全部特性
    QTextEdit *te3 =new QTextEdit();
    te3->setText(tr("Window3,The dock widget can be closed, moved, and floated"));
    dock->setWidget(te3);
    addDockWidget(Qt::RightDockWidgetArea,dock);
}

DockWindows::~DockWindows()
{

}

其中，
(a) setFeatures()方法设置停靠窗体的特性，原型如下：
void setFeatures(DockWidgetFeatures features)
参数QDockWidget::DockWidgetFeatures指定停靠窗体的特性，包括以下几种参数。
① QDockWidget::DockWidgetClosable：停靠窗体可关闭。
② QDockWidget::DockWidgetMovable：停靠窗体可移动。
③ QDockWidget::DockWidgetFloatable：停靠窗体可浮动。
④ QDockWidget::AllDockWidgetFeatures：此参数表示拥有停靠窗体的所有特性。
⑤ QDockWidget::NoDockWidgetFeatures：不可移动、不可关闭、不可浮动。
(b) setAllowedAreas()方法设置停靠窗体可停靠的区域，原型如下：
void setAllowedAreas(Qt::DockWidgetAreas areas)
参数Qt::DockWidgetAreas指定了停靠窗体可停靠的区域，包括以下几种参数。
① Qt::LeftDockWidgetArea：可在主窗口的左侧停靠。
② Qt::RightDockWidgetArea：可在主窗口的右侧停靠。
③ Qt::TopDockWidgetArea：可在主窗口的顶端停靠。
④ Qt::BottomDockWidgetArea：可在主窗口的底部停靠。
⑤ Qt::AllDockWidgetArea：可在主窗口任意（以上四个）部位停靠。
⑥ Qt::NoDockWidgetArea：只可停靠在插入处。
（4）在“dockwindows.cpp”文件的开始部分加入以下头文件：

 #include
 #include

（5）运行程序，显示效果如图所示。

堆栈窗体QStackedWidget类

堆栈窗体QStackedWidget类的使用，当选择左侧列表框中不同的选项时，右侧显示所选的不同的窗体。在此使用列表框QListWidget，效果如图3.4所示。