Qt系列文章目录

文章目录

Qt系列文章目录
前言
一、QSplitter是什么？
二、具体代码
- 1.头文件
- 2.实现文件
总结

前言

在Qt中把QWidget窗体三等分，我想实现QWidget中的三等分窗口能够像QDockWidget类一样用鼠标拖动这三等分窗体边缘使屏占比改变。一般我们会直接使用QDockWidget，但是我们这里只想鼠标拖拽，不需要窗体停靠的功能。
QDockWidget类提供了一个特殊的窗口部件，它可以是被锁在QMainWindow窗口内部或者是作为顶级窗口悬浮在桌面上。QDockWidget可以移动、悬浮，在许多工程软件中，都是使用dock布局窗口，用户可以自由组合窗口界面。
我们可以使用QSplitter控件，布局器中控件大小是根据窗口大小自动调整，用户能拉伸窗口但是不能直接拉伸界面内部的某个控件
先看一下效果
在这里插入图片描述

一、QSplitter是什么？

一个QSplitter是一个可以包含其他控件的控件，这些控件被一个分隔条隔开，托拽这个分隔条，可以改变splitter的子控件的大小。

QSplitter控件经常做为布局管理器使用，给用户提供更多的界面控制。
默认情况下，QSplitter动态调整子节点的大小，也即是鼠标按下拖动的时候，控件大小也随着变，如果希望QSplitter只在调整大小操作结束时调整子节点的大小，也即是鼠标按下拖动的时候不调整大小，释放鼠标之后，也即是调整结束后才调整大小，用setOpaqueResize(false) 来设置。

控件之间的初始大小分布由初始大小与拉伸因子相乘确定。还可以使用 setSizes() 来设置所有控件的大小。函数 sizes() 返回用户设置的大小。或者，我们以分别使用 saveState() 和restoreState() 从QByteArray保存和恢复之前控件的大小状态，等下一次启动的时候把这个状态再恢复就好啦。

当我们 hide() 一个子节点控件时，它的空间将被分配给其他的子节点。当我们 show() 它时，它将被恢复。
1.QSplitter的构造方法：

QSplitter *splitterMain=new QSplitter(Qt::Horizontal,0);

第一个参数通过Qt::Horizontal 和 Qt::Vertical来设定为水平分割或垂直分割。第二个设定0代表是主窗口，无父窗口。

不过子splitter设置的

new QSplitter(Qt::Vertical,splitterMain);

代表主窗口是splitterMain。则子splitter就被添加到splitterMain中。

添加时为从左至右（或从上至下）添加;

二、具体代码

1.头文件

#ifndef PROJECTWIN_H
#define PROJECTWIN_H

#include <QWidget>
#include <QStandardPaths>
#include <QDir>
#include <QDebug>
#include <QTreeWidget>
#include <QTreeWidgetItem>
#include <QGridLayout>
#include <QVBoxLayout>
#include <QSplitter>
#include <QTextEdit>
#include <QVector>
#include <QFile>
#include <QTextStream>
#include <QSplitter>
#include "FileMonitorMgr.h"

namespace Ui {
    
    
class ProjectWin;
}


const QString styles = "QTreeView\
{\
        background-color: #5B677A;\
        font-size:17px;\
        color: white;\
}\
    QTreeView::item:hover\
{\
        background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #e7effd, stop: 1 #cbdaf1);\
        border: 1px solid #bfcde4;\
}\
    QTreeView::item:hover\
{\
        background: rgb(69, 187, 217);\
}\
    QTreeView::item:selected:active\
{\
        background: rgb(255, 62, 150);\
}\
    QTreeView::item:selected:!active\
{\
        background: rgb(63, 147, 168);\
}\
    QTreeView::branch\
{\
        background:#5B677A;\
}\
    QTreeView::branch:has-children:!has-siblings:closed,QTreeView::branch:closed:has-children:has-siblings\
{\
        border-image: none;\
        background:#5B677A;\
        image: url(image/Folder-1.png);\
}\
    QTreeView::branch:open:has-children:!has-siblings,QTreeView::branch:open:has-children:has-siblings\
{\
        border-image: none;\
        background:#5B677A;\
        image: url(image/Open-Folder.png);\
}";


class ProjectWin : public QWidget
{
    
    
    Q_OBJECT
public:
    static ProjectWin* getInstance();
    ~ProjectWin();

    FileMonitorMgr *m_fileMgr;
    QString m_paraFolder;
private:
    QTreeWidget* m_picTree;
//    QTreeWidget* m_paraTree;
    QWidget* m_naviWgt;

private:
    void initWidget();
    void initPicTree();
    void readParaFile(QString filePath);
private:
    Ui::ProjectWin *ui;
    QGridLayout* m_grid;
    QWidget* m_centralWidget;
    QTabWidget* m_tabWidget;
    QTabWidget* m_tabWidgetPara;
    QTabWidget* m_tabWidgetNavi;
    QTextEdit*  m_paraText;
    QVBoxLayout* m_mainLayout;

    static ProjectWin* m_pInstance;
private:
    explicit ProjectWin(QWidget *parent = nullptr);
    static void destroyInstance();
public:
Q_SIGNALS:
    void sigShowImageBorder(const QString &imageName);
//    void appendText(const QString &text);
public Q_SLOTS:
    void slotPicTree(QVector<QString> lst, QString path);
    void slotNavi(const QString& file);
    void onItemClicked(QTreeWidgetItem *item, int column);
    void slotParaInfo(QString imageName);
    void slotImageSelectNode(QString imageName);
    void slotUpdatePicTree(const QStringList& fileList);
};

#endif // PROJECTWIN_H

2.实现文件

#include "ProjectWin.h"
#include "ui_ProjectWin.h"

#pragma execution_character_set("utf-8")


ProjectWin* ProjectWin::m_pInstance = nullptr;

ProjectWin* ProjectWin::getInstance()
{
    
    
    if(!m_pInstance)
    {
    
    
        m_pInstance = new ProjectWin();
        atexit(destroyInstance);
    }
    return m_pInstance;
}

void ProjectWin::destroyInstance()
{
    
    
    if(m_pInstance)
    {
    
    
        delete m_pInstance;
        m_pInstance = nullptr;
    }
}

ProjectWin::~ProjectWin()
{
    
    
    delete ui;
}

ProjectWin::ProjectWin(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::ProjectWin)
{
    
    
    ui->setupUi(this);

    //图像列表
    m_tabWidget = new QTabWidget();
//    m_tabWidget->setStyleSheet("border: 0; background: transparent");
//    m_tabWidget->setStyleSheet("border: 0");
    m_picTree = new QTreeWidget();
//    m_picTree->setStyleSheet("border: 0; background: transparent");
    m_picTree->hide();
    m_picTree->setStyleSheet("border: 1");
    m_picTree->setContextMenuPolicy(Qt::CustomContextMenu);
    m_picTree->setColumnCount(1);
    m_picTree->setHeaderHidden(true);
    connect(m_picTree, &QTreeWidget::itemClicked, this, &ProjectWin::onItemClicked);

    //图像参数
    m_tabWidgetPara = new QTabWidget();
    m_paraText = new QTextEdit();
    m_tabWidgetPara->addTab(m_paraText, u8"分裂器中间的窗体"/*u8"图像参数数据"*/);
    m_tabWidgetPara->setStyleSheet("border: 1");
    m_paraText->setStyleSheet("border: 1");

//    m_tabWidgetPara->setTabText(0, u8"图像参数数据");

    //导航
    m_tabWidgetNavi = new QTabWidget();
    m_naviWgt = new QWidget();
    m_tabWidgetNavi->addTab(m_naviWgt, u8"分裂器最下面的窗体"/*u8"导航"*/);

    //创建三个部件组
    QWidget* picGroup = new QWidget();
    QWidget* paraGroup = new QWidget();
    QWidget* naviGroup = new QWidget();

    // 只设置QWidget的边框为0，不影响子元素
    picGroup->setStyleSheet("QWidget { border: 0px }");
    paraGroup->setStyleSheet("QWidget { border: 0px }");
    naviGroup->setStyleSheet("QWidget { border: 0px }");

    QSplitter* splitter= new QSplitter(Qt::Vertical, this);
    splitter->addWidget(picGroup);
    splitter->addWidget(paraGroup);
    splitter->addWidget(naviGroup);

    QList<int> sizes;
    sizes << this->height() / 3 << this->height() / 3 << this->height() / 3;
    splitter->setSizes(sizes);

    // 设置拉伸比例，其中1、1、1表示三个窗口的初始尺寸比例都是1，即相等
    splitter->setStretchFactor(0, 1);
    splitter->setStretchFactor(1, 1);
    splitter->setStretchFactor(2, 1);

    QVBoxLayout* picLayout = new QVBoxLayout();
    picLayout->setMargin(0);
    picLayout->setSpacing(0);
    picLayout->addWidget(m_tabWidget);
    picLayout->addWidget(m_picTree);
    picGroup->setLayout(picLayout);

    QVBoxLayout* paraLayout = new QVBoxLayout();
    paraLayout->setMargin(0);
    paraLayout->setSpacing(0);
    paraLayout->addWidget(m_tabWidgetPara);
//    paraLayout->addWidget(m_paraText);
    paraGroup->setLayout(paraLayout);

    QVBoxLayout* naviLayout = new QVBoxLayout();
    naviLayout->setMargin(0);
    naviLayout->setSpacing(0);
    naviLayout->addWidget(m_tabWidgetNavi);
    naviGroup->setLayout(naviLayout);

    // 设置窗口的主布局
    QVBoxLayout* mainLayout = new QVBoxLayout();
    mainLayout->setMargin(0);
    mainLayout->setSpacing(0);
//    mainLayout->addWidget(picGroup);
//    mainLayout->addWidget(paraGroup);
//    mainLayout->addWidget(naviGroup);
    mainLayout->addWidget(splitter);
    this->setLayout(mainLayout);

//    connect(this, &ProjectWin::appendText, m_paraText, &QTextEdit::append);
}

void ProjectWin::onItemClicked(QTreeWidgetItem *item, int column)
{
    
    
    QString imageName = item->text(0);
    emit sigShowImageBorder(imageName);
}

void ProjectWin::initWidget()
{
    
    

    //    m_picTree->header()->hide();//设置隐藏头
}

void ProjectWin::initPicTree()
{
    
    

}

void ProjectWin::readParaFile(QString filePath)
{
    
    
    if (!m_paraText) {
    
    
        qDebug() << "m_paraText is null!";
        return;
    }

    m_paraText->clear();

    QString txtFile = filePath.left(filePath.size() -3);
    txtFile += "txt";
    QFile file(txtFile);
    if(!file.open(QIODevice::ReadOnly)) {
    
    
        qDebug() << file.errorString();
        return;
    }

    QTextStream in(&file);
    in.setCodec("UTF-8");  // 设置编码为UTF-8

    while(!in.atEnd()) {
    
    
        QString line = in.readLine();
//        emit appendText(line);  // 使用信号来添加文本
        m_paraText->append(line);
        // 这里处理每一行
        qDebug() << line;
    }

    file.close();
}

void ProjectWin::slotPicTree(QVector<QString> lst, QString path)
{
    
    
    m_paraFolder = path;
    m_picTree->show();
    QTreeWidgetItem* topItem = new QTreeWidgetItem(m_picTree);
    topItem->setText(0, path);
    topItem->setCheckState(0, Qt::Checked);
    m_picTree->addTopLevelItem(topItem);
    int count = lst.size();
    //添加顶层节点
    if (lst.size() > 0)
    {
    
    
        for (int i = 0; i < lst.size(); i++)
        {
    
    
            //int size = lst.at(i).size();
            //int pos = lst.at(i).lastIndexOf("/");
            //QString temp = lst.at(i).right(size - pos - 1);
            QTreeWidgetItem* item = new QTreeWidgetItem(topItem);
            item->setText(0, lst.at(i));
            item->setCheckState(0, Qt::Checked);
        }
    }

    m_picTree->expandAll();
    //    m_grid = new QGridLayout(this);
    //    m_grid->addWidget(m_picTree);
    m_picTree->setStyleSheet(styles);

    //    this->setLayout(m_grid);

    m_tabWidget->addTab(m_picTree, u8"彩C");
}

void ProjectWin::slotParaInfo(QString imageName)
{
    
    
    QString fullPath = m_paraFolder + "/" + imageName;
    readParaFile(fullPath);
}

void ProjectWin::slotImageSelectNode(QString imageName)
{
    
    
    QList<QTreeWidgetItem *> items = m_picTree->findItems(imageName, Qt::MatchExactly | Qt::MatchRecursive);

    if(!items.empty()){
    
    
        m_picTree->setCurrentItem(items.at(0));
    }
}

void ProjectWin::slotUpdatePicTree(const QStringList &fileList)
{
    
    
    for(const QString& str : fileList)
    {
    
    
        QTreeWidgetItem* item = new QTreeWidgetItem(m_picTree);
        item->setText(0, str);
        item->setCheckState(0, Qt::Checked);
    }

}

void ProjectWin::slotNavi(const QString& file)
{
    
    
    m_tabWidgetNavi->addTab(m_naviWgt, u8"导航");
}

总结

主要是看ProjectWin的构造函数

ProjectWin::ProjectWin(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::ProjectWin)
{
    
    
    ui->setupUi(this);

    //图像列表
    m_tabWidget = new QTabWidget();
//    m_tabWidget->setStyleSheet("border: 0; background: transparent");
//    m_tabWidget->setStyleSheet("border: 0");
    m_picTree = new QTreeWidget();
//    m_picTree->setStyleSheet("border: 0; background: transparent");
    m_picTree->hide();
    m_picTree->setStyleSheet("border: 1");
    m_picTree->setContextMenuPolicy(Qt::CustomContextMenu);
    m_picTree->setColumnCount(1);
    m_picTree->setHeaderHidden(true);
    connect(m_picTree, &QTreeWidget::itemClicked, this, &ProjectWin::onItemClicked);

    //图像参数
    m_tabWidgetPara = new QTabWidget();
    m_paraText = new QTextEdit();
    m_tabWidgetPara->addTab(m_paraText, u8"分裂器中间的窗体"/*u8"图像参数数据"*/);
    m_tabWidgetPara->setStyleSheet("border: 1");
    m_paraText->setStyleSheet("border: 1");

//    m_tabWidgetPara->setTabText(0, u8"图像参数数据");

    //导航
    m_tabWidgetNavi = new QTabWidget();
    m_naviWgt = new QWidget();
    m_tabWidgetNavi->addTab(m_naviWgt, u8"分裂器最下面的窗体"/*u8"导航"*/);

    //创建三个部件组
    QWidget* picGroup = new QWidget();
    QWidget* paraGroup = new QWidget();
    QWidget* naviGroup = new QWidget();

    // 只设置QWidget的边框为0，不影响子元素
    picGroup->setStyleSheet("QWidget { border: 0px }");
    paraGroup->setStyleSheet("QWidget { border: 0px }");
    naviGroup->setStyleSheet("QWidget { border: 0px }");

    QSplitter* splitter= new QSplitter(Qt::Vertical, this);
    splitter->addWidget(picGroup);
    splitter->addWidget(paraGroup);
    splitter->addWidget(naviGroup);

    QList<int> sizes;
    sizes << this->height() / 3 << this->height() / 3 << this->height() / 3;
    splitter->setSizes(sizes);

    // 设置拉伸比例，其中1、1、1表示三个窗口的初始尺寸比例都是1，即相等
    splitter->setStretchFactor(0, 1);
    splitter->setStretchFactor(1, 1);
    splitter->setStretchFactor(2, 1);

    QVBoxLayout* picLayout = new QVBoxLayout();
    picLayout->setMargin(0);
    picLayout->setSpacing(0);
    picLayout->addWidget(m_tabWidget);
    picLayout->addWidget(m_picTree);
    picGroup->setLayout(picLayout);

    QVBoxLayout* paraLayout = new QVBoxLayout();
    paraLayout->setMargin(0);
    paraLayout->setSpacing(0);
    paraLayout->addWidget(m_tabWidgetPara);
//    paraLayout->addWidget(m_paraText);
    paraGroup->setLayout(paraLayout);

    QVBoxLayout* naviLayout = new QVBoxLayout();
    naviLayout->setMargin(0);
    naviLayout->setSpacing(0);
    naviLayout->addWidget(m_tabWidgetNavi);
    naviGroup->setLayout(naviLayout);

    // 设置窗口的主布局
    QVBoxLayout* mainLayout = new QVBoxLayout();
    mainLayout->setMargin(0);
    mainLayout->setSpacing(0);
//    mainLayout->addWidget(picGroup);
//    mainLayout->addWidget(paraGroup);
//    mainLayout->addWidget(naviGroup);
    mainLayout->addWidget(splitter);
    this->setLayout(mainLayout);

//    connect(this, &ProjectWin::appendText, m_paraText, &QTextEdit::append);
}

Qt中QSplitter使QWidget改变屏占比