Qt5之布局管理之分割窗口、停靠窗口、堆栈窗口

一、分割窗口

效果图
分割窗口功能的实现非常简单，这里通过代码实现分割窗口，效果图如下：

代码及说明

#include "QtWidgetsApplication1.h"
#include <QtWidgets/QApplication>
#include <QSplitter>
#include <QTextEdit>int main(int argc, char *argv[])
{QApplication a(argc, argv);QFont font("ZYSong18030", 12);a.setFont(font);QSplitter* splitterMain = new QSplitter(Qt::Horizontal,0);QTextEdit* textLeft = new QTextEdit(QObject::tr("left widget"), splitterMain);textLeft->setAlignment(Qt::AlignCenter);QSplitter* splitterRight = new QSplitter(Qt::Vertical, splitterMain);// true-拖拽分割条时，分割条位置根据拖动位置实时更新splitterRight->setOpaqueResize(true);QTextEdit* textUp = new QTextEdit(QObject::tr("top widget"), splitterRight);textUp->setAlignment(Qt::AlignCenter);QTextEdit* textButtom = new QTextEdit(QObject::tr("buttom widget"), splitterRight);textButtom->setAlignment(Qt::AlignCenter);// 0-是控件序号，根据插入顺序排序；1-大于0，为可伸缩splitterMain->setStretchFactor(0, 1);splitterMain->setWindowTitle(QObject::tr("splitter"));splitterMain->show();return a.exec();
}

其中：
QFont font(“ZYSong18030”, 12)、a.setFont(font)：指定显示字体。

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

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

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

enum AlignmentFlag {AlignLeft = 0x0001,AlignRight = 0x0002,AlignHCenter = 0x0004,AlignTop = 0x0020,AlignBottom = 0x0040,AlignVCenter = 0x0080,AlignCenter = AlignVCenter | AlignHCenter}

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

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

splitterMain->setStretchFactor(0, 1)：该方法用于设定可伸缩控件，它的第一个参数用于指定设置的控件序号，，控件序号按插入的先后顺序从0开始依次编号；第二个参数为大于0的值，表示此控件为可伸缩控件，当整个对话框的宽度发生改变时，左边的窗口宽度会随着整个对话框大小的改变进行调整。

二、停靠窗口

效果图

代码及说明：

头文件

#pragma once#include <QtWidgets/QMainWindow>
class DockWindow : public QMainWindow
{Q_OBJECTpublic:DockWindow(QWidget *parent = nullptr);~DockWindow(){}};

源文件

#include "DockWindow.h"
#include <QDockWidget>
#include <QTextEdit>DockWindow::DockWindow(QWidget *parent): QMainWindow(parent)
{setWindowTitle(tr("DockWindows"));QTextEdit* te = new QTextEdit(this);te->setText(tr("Main Window"));te->setAlignment(Qt::AlignCenter);setCentralWidget(te);// 停靠窗口1QDockWidget* dock = new QDockWidget(tr("DockWindow1"), this);dock->setFeatures(QDockWidget::DockWidgetMovable);dock->setAllowedAreas(Qt::LeftDockWidgetArea | Qt::RightDockWidgetArea);QTextEdit* te1 = new QTextEdit();te1->setText(tr("window1,1111"));dock->setWidget(te1);addDockWidget(Qt::RightDockWidgetArea, dock);// 停靠窗口2dock = new QDockWidget(tr("DockWindow2"), this);dock->setFeatures(QDockWidget::DockWidgetClosable | QDockWidget::DockWidgetFloatable);QTextEdit* te2 = new QTextEdit();te2->setText(tr("window2,2222"));dock->setWidget(te2);addDockWidget(Qt::RightDockWidgetArea, dock);// 停靠窗口3dock = new QDockWidget(tr("DockWindow3"), this);dock->setFeatures(QDockWidget::AllDockWidgetFeatures);QTextEdit* te3 = new QTextEdit();te3->setText(tr("window3,3333"));dock->setWidget(te3);addDockWidget(Qt::RightDockWidgetArea, dock);
}#include "stackWidget.h"
#include <QtWidgets/QApplication>int main(int argc, char *argv[])
{QApplication a(argc, argv);DockWindow w;w.show();return a.exec();
}

其中
dock->setWidget(te1)：将控件te1插入停靠窗体

使用addDockWidget方法在MainWindow中加入此停靠窗体

setFeatures()方法设置停靠窗体的特性，原型如下：

void setFeatures(DockWidgetFeatures features)

参数QDockWidget::DockWidgetFeatures 指定停靠窗体的特性，包括以下几种参数

enum DockWidgetFeature {DockWidgetClosable    = 0x01,  // 停靠窗口可关闭DockWidgetMovable     = 0x02,  // 停靠窗口可移动DockWidgetFloatable   = 0x04,  // 停靠窗口可浮动DockWidgetVerticalTitleBar = 0x08, // 停靠窗口标题侧面显示DockWidgetFeatureMask = 0x0f,AllDockWidgetFeatures = DockWidgetClosable|DockWidgetMovable|DockWidgetFloatable, // ### Qt 6: removeNoDockWidgetFeatures  = 0x00, // 不可移动，不可关闭，不可浮动。}

setAllowedAreas方法设置停靠窗体可停靠的区域，原型如下

void setAllowedAreas(Qt::DockWidgetAreas areas);

参数Qt::DockWidgetAreas指定了停靠窗口可停靠的区域，包括以下几种参数：

enum DockWidgetArea {LeftDockWidgetArea = 0x1, // 左侧停靠RightDockWidgetArea = 0x2, // 右侧停靠TopDockWidgetArea = 0x4,  // 顶端停靠BottomDockWidgetArea = 0x8, // 底部停靠DockWidgetArea_Mask = 0xf,AllDockWidgetAreas = DockWidgetArea_Mask, // 以上4个部位停靠NoDockWidgetArea = 0 // 只可停靠插入处}

三、堆栈窗体

效果图

代码及说明
头文件

#pragma once#include <QtWidgets/QWidget>
#include <QListWidget>
#include <QStackedWidget>
#include <QLabel>class stackWidget : public QWidget
{Q_OBJECTpublic:stackWidget(QWidget *parent = nullptr);~stackWidget(){}private:QListWidget* list;QStackedWidget* stack;QLabel* label1;QLabel* label2;QLabel* label3;
};

源文件

#include "stackWidget.h"
#include <QHBoxLayout>stackWidget::stackWidget(QWidget *parent): QWidget(parent)
{setWindowTitle(tr("stackedWidget"));list = new QListWidget(this);list->insertItem(0, tr("window1"));list->insertItem(1, tr("window2"));list->insertItem(2, tr("window3"));label1 = new QLabel(tr("WindowTest1"));label2 = new QLabel(tr("WindowTest2"));label3 = new QLabel(tr("WindowTest3"));stack = new QStackedWidget(this);stack->addWidget(label1);stack->addWidget(label2);stack->addWidget(label3);QHBoxLayout* mainLayout = new QHBoxLayout(this);mainLayout->setMargin(5); // 设置边距为5mainLayout->setSpacing(5); // 设置各控件之间的间距为5mainLayout->addWidget(list);mainLayout->addWidget(stack, Qt::AlignHCenter);mainLayout->setStretchFactor(list, 1);mainLayout->setStretchFactor(stack, 3);connect(list, SIGNAL(currentRowChanged(int)), stack, SLOT(setCurrentIndex(int)));
}#include "stackWidget.h"
#include <QtWidgets/QApplication>int main(int argc, char *argv[])
{QApplication a(argc, argv);stackWidget w;w.show();return a.exec();
}