Qt:DockWidget自动停靠窗口，自定义标题栏，自由布局

已于 2023-04-06 12:02:13 修改
阅读量888 收藏 6
点赞数 2
分类专栏： DockWidget 文章标签： qt 开发语言
于 2023-03-22 20:50:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dy2017/article/details/129718740
版权

@Qt实现自动停靠窗口 替代QDockWidget，自定义标题栏，可隐藏，可停靠

  1. 可支持windows和linux平台，资源下载只提供了windows版本
  2. 支持Qt5.12.10，支持Qt6.0以上版本，更低版本未测试编译
  3. MinGW7.3.0编译
  4. 浮动时拖动停靠功能未实现，觉得没啥用
  5. 双击标题栏，浮动窗口，Tabbed状态时，双击标签浮动窗口，双击标题栏还原
  6. QSS控制样式，可在测试程序中截获QSS代码，自行改变风格。
  7. 可用于QDialog或QWidget中
  8. 不可用于商业软件。
  9. 有可能开源。

MainWindow.h

#include <QMainWindow>
#include "DockManager.h"
#include "DockTheme.h"

class TestWidget :public QWidget
{
    Q_OBJECT
public:
    TestWidget(QWidget *parent = nullptr):QWidget(parent){};

public:
    virtual void resizeEvent(QResizeEvent *event);
};

QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();
    
    void test3();
    void test4();

private slots:
    void on_actionTest1_triggered();
    void on_actionTest2_triggered();
    void on_actionTest3_triggered();

protected:
    void updateTheme();

private:
    Ui::MainWindow *ui;

    DockManager *dockManager;
    DockWidget *dock1;
    DockWidget *dock2;
    DockWidget *dock3;
    DockWidget *dock4;
    DockWidget *dock5;
    DockWidget *dock6;
    DockWidget *dock7;
    DockWidget *dock8;
    DockWidget *dock9;
    DockWidget *dock10;
    DockWidget *dock11;
    DockWidget *dock12;
    DockWidget *dockFloat;

    DockTheme m_dockTheme;
};

MainWindow.cpp

#include "ui_MainWindow.h"
#include "DockManager.h"

#include <QFile>
#include <QDir>
#include <QTextEdit>
#include <QDebug>

#include <QMdiArea>
#include <QLayout>

#include <QToolBar>
#include <QCheckBox>
#include <QResizeEvent>


void TestWidget::resizeEvent(QResizeEvent *event)
{
    //测试dock时，centralWidget是否resize
    qDebug() << "TestWidget::resizeEvent" << event->size() << event->oldSize() << this->size();
    QWidget::resizeEvent(event);
}

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
    , dockManager(new DockManager)
{

    ui->setupUi(this);
    setAttribute(Qt::WA_StyledBackground, true);
    updateTheme();

    setCentralWidget(dockManager->widget());
    //dockManager->setCentralWidget(new QMdiArea);
    //dockManager->setCentralWidget(new QTextEdit);
    dockManager->setCentralWidget(new TestWidget);

    dockFloat = dockManager->createDock(QIcon(":/image/res/palette.png"),"dockFloat",dockNone);
    dockFloat->setWidget(new QTextEdit("dockFloat"));
    //dockFloat->setFloat(this);
    dockFloat->setFloat(dockManager->widget());

    //测试1
//    test1();
//    测试2
//    test2();
//    //测试3
//    test3();
//    //测试4
    test4();

    QToolBar *toolBar = new QToolBar;
    addToolBar(Qt::TopToolBarArea,toolBar);
    toolBar->setMovable(false);

    QCheckBox * ckb_dock1 = new QCheckBox("Dock1");
    toolBar->addWidget(ckb_dock1);
    ckb_dock1->setChecked(dock1->isVisible());
    connect(ckb_dock1, &QCheckBox::clicked, this,[=](bool checked) {
        dock1->setVisible(checked);
    });
    connect(dock1,&DockWidget::sg_visible,this,[=](bool isVisible){
        if(ckb_dock1->isChecked()==isVisible) return;
        ckb_dock1->setChecked(isVisible);
    });

    QCheckBox * ckb_dock2 = new QCheckBox("Dock2");
    toolBar->addWidget(ckb_dock2);
    ckb_dock2->setChecked(dock2->isVisible());
    connect(ckb_dock2, &QCheckBox::clicked, this,[=](bool checked) {
        dock2->setVisible(checked);
    });
    connect(dock2,&DockWidget::sg_visible,this,[=](bool isVisible){
        if(ckb_dock2->isChecked()==isVisible) return;
        ckb_dock2->setChecked(isVisible);
    });

    QCheckBox * ckb_dock3 = new QCheckBox("Dock3");
    toolBar->addWidget(ckb_dock3);
    ckb_dock3->setChecked(dock3->isVisible());
    connect(ckb_dock3, &QCheckBox::clicked, this,[=](bool checked) {
        dock3->setVisible(checked);
    });
    connect(dock3,&DockWidget::sg_visible,this,[=](bool isVisible){
        if(ckb_dock3->isChecked()==isVisible) return;
        ckb_dock3->setChecked(isVisible);
    });

    QCheckBox * ckb_dock4 = new QCheckBox("Dock4");
    toolBar->addWidget(ckb_dock4);
    ckb_dock4->setChecked(dock4->isVisible());
    connect(ckb_dock4, &QCheckBox::clicked, this,[=](bool checked) {
        dock4->setVisible(checked);
    });
    connect(dock4,&DockWidget::sg_visible,this,[=](bool isVisible){
        if(ckb_dock4->isChecked()==isVisible) return;
        ckb_dock4->setChecked(isVisible);
    });

    QCheckBox * ckb_dock5 = new QCheckBox("Dock5");
    toolBar->addWidget(ckb_dock5);
    ckb_dock5->setChecked(dock5->isVisible());
    connect(ckb_dock5, &QCheckBox::clicked, this,[=](bool checked) {
        dock5->setVisible(checked);
    });
    connect(dock5,&DockWidget::sg_visible,this,[=](bool isVisible){
        if(ckb_dock5->isChecked()==isVisible) return;
        ckb_dock5->setChecked(isVisible);
    });

    QCheckBox * ckb_dock6 = new QCheckBox("Dock6");
    toolBar->addWidget(ckb_dock6);
    ckb_dock6->setChecked(dock6->isVisible());
    connect(ckb_dock6, &QCheckBox::clicked, this,[=](bool checked) {
        dock6->setVisible(checked);
    });
    connect(dock6,&DockWidget::sg_visible,this,[=](bool isVisible){
        if(ckb_dock6->isChecked()==isVisible) return;
        ckb_dock6->setChecked(isVisible);
    });

    QCheckBox * ckb_dock7 = new QCheckBox("Dock7");
    toolBar->addWidget(ckb_dock7);
    ckb_dock7->setChecked(dock7->isVisible());
    connect(ckb_dock7, &QCheckBox::clicked, this,[=](bool checked) {
        dock7->setVisible(checked);
    });
    connect(dock7,&DockWidget::sg_visible,this,[=](bool isVisible){
        if(ckb_dock7->isChecked()==isVisible) return;
        ckb_dock7->setChecked(isVisible);

    });

    QCheckBox * ckb_dock8 = new QCheckBox("Dock8");
    toolBar->addWidget(ckb_dock8);
    ckb_dock8->setChecked(dock8->isVisible());
    connect(ckb_dock8, &QCheckBox::clicked, this,[=](bool checked) {
        dock8->setVisible(checked);
    });
    connect(dock8,&DockWidget::sg_visible,this,[=](bool isVisible){
        if(ckb_dock8->isChecked()==isVisible) return;
        ckb_dock8->setChecked(isVisible);
    });

    QCheckBox * ckb_dock9 = new QCheckBox("Dock9");
    toolBar->addWidget(ckb_dock9);
    ckb_dock9->setChecked(dock9->isVisible());
    connect(ckb_dock9, &QCheckBox::clicked, this,[=](bool checked) {
        dock9->setVisible(checked);
    });
    connect(dock9,&DockWidget::sg_visible,this,[=](bool isVisible){
        if(ckb_dock9->isChecked()==isVisible) return;
        ckb_dock9->setChecked(isVisible);
    });

    QCheckBox * ckb_dock110 = new QCheckBox("Dock10");
    toolBar->addWidget(ckb_dock110);
    ckb_dock110->setChecked(dock10->isVisible());
    connect(ckb_dock110, &QCheckBox::clicked, this,[=](bool checked) {
        dock10->setVisible(checked);
    });
    connect(dock10,&DockWidget::sg_visible,this,[=](bool isVisible){
        if(ckb_dock110->isChecked()==isVisible) return;
        ckb_dock110->setChecked(isVisible);
    });

    QCheckBox * ckb_dock11 = new QCheckBox("Dock11");
    toolBar->addWidget(ckb_dock11);
    ckb_dock11->setChecked(dock11->isVisible());
    connect(ckb_dock11, &QCheckBox::clicked, this,[=](bool checked) {
        dock11->setVisible(checked);
    });
    connect(dock11,&DockWidget::sg_visible,this,[=](bool isVisible){
        if(ckb_dock11->isChecked()==isVisible) return;
        ckb_dock11->setChecked(isVisible);
    });

    QCheckBox * ckb_dock12 = new QCheckBox("Dock12");
    toolBar->addWidget(ckb_dock12);
    ckb_dock12->setChecked(dock12->isVisible());
    connect(ckb_dock12, &QCheckBox::clicked, this,[=](bool checked) {
        dock12->setVisible(checked);
    });
    connect(dock12,&DockWidget::sg_visible,this,[=](bool isVisible){
        if(ckb_dock12->isChecked()==isVisible) return;
        ckb_dock12->setChecked(isVisible);
    });

    QCheckBox * ckb_dockFloat = new QCheckBox("DockFloat");
    toolBar->addWidget(ckb_dockFloat);
    ckb_dockFloat->setChecked(true);
    connect(ckb_dockFloat, &QCheckBox::clicked, this,[=](bool checked) {
        dockFloat->setVisible(checked);
    });
    connect(dockFloat,&DockWidget::sg_visible,this,[=](bool isVisible){
        if(ckb_dockFloat->isChecked()==isVisible) return;
        ckb_dockFloat->setChecked(isVisible);
    });

    //setGeometry(QApplication::desktop()->availableGeometry());
    showMaximized();
    //setWindowState(Qt::WindowMaximized);
}
void MainWindow::test3()
{
    dock1 = dockManager->createDock(QIcon(":/image/res/openfile.png"),"DOCK1",dockLeft);
    dock1->setWidget(new QTextEdit("dock1"));

    dock2= new DockWidget(QIcon(":/image/res/palette.png"),"DOCK2");
    dock2->setWidget(new QTextEdit("dock2"));
    dockManager->tabifyDock(dock1,dock2);

    dock3 = dockManager->createDock(QIcon(":/image/res/openfile.png"),"DOCK3",dockLeft);
    dock3->setWidget(new QTextEdit("dock3"));

    dock4= new DockWidget(QIcon(":/image/res/palette.png"),"DOCK4");
    dock4->setWidget(new QTextEdit("dock4"));
    dockManager->tabifyDock(dock1,dock4);

    dock5 = dockManager->createDock(QIcon(":/image/res/openfile.png"),"DOCK5",dockLeft);
    dock5->setWidget(new QTextEdit("dock5"));

    dock6 = dockManager->createDock(QIcon(":/image/res/openfile.png"),"DOCK6",dockRight);
    dock6->setWidget(new QTextEdit("dock6"));

    dock7= new DockWidget(QIcon(":/image/res/palette.png"),"DOCK7");
    dock7->setWidget(new QTextEdit("dock7"));

    dock8= new DockWidget(QIcon(":/image/res/openfile.png"),"DOCK8");
    dock8->setWidget(new QTextEdit("dock8"));

    dockManager->tabifyDock(dock6,dock8);
    dockManager->splitDock(dock5,dock7,Qt::Vertical);

    dock9 = dockManager->createDock(QIcon(":/image/res/palette.png"),"DOCK9",dockTop);
    dock9->setWidget(new QTextEdit("dock9"));

    dock10 = dockManager->createDock(QIcon(":/image/res/openfile.png"),"DOCK10",dockBottom);
    dock10->setWidget(new QTextEdit("dock10"));

    dock11 = dockManager->createDock(QIcon(":/image/res/palette.png"),"DOCK11",dockBottom);
    dock11->setWidget(new QTextEdit("dock11"));;

    dock12=dockManager->createDock(QIcon(":/image/res/openfile.png"),"DOCK12",dockBottom);
    dock12->setWidget(new QTextEdit("dock12"));
}
void MainWindow::test4()
{
    dock1 = new DockWidget(QIcon(":/image/res/openfile.png"),"DOCK1");
    dock1->setWidget(new QTextEdit("dock1"));
    dockManager->addDock(dockLeft,dock1);

    dock2= new DockWidget(QIcon(":/image/res/palette.png"),"DOCK2");
    dock2->setWidget(new QTextEdit("dock2"));
    dockManager->tabifyDock(dock1,dock2);

    dock3= new DockWidget(QIcon(":/image/res/openfile.png"),"DOCK3");
    dock3->setWidget(new QTextEdit("dock3"));
    dockManager->addDock(dockLeft,dock3);

    dock4= new DockWidget(QIcon(":/image/res/palette.png"),"DOCK4");
    dock4->setWidget(new QTextEdit("dock4"));
    dockManager->tabifyDock(dock1,dock4);

    dock5= new DockWidget(QIcon(":/image/res/palette.png"),"DOCK5");
    dockManager->addDock(dockRight,dock5);
    dock5->setWidget(new QTextEdit("dock5"));

    dock6= new DockWidget(QIcon(":/image/res/openfile.png"),"DOCK6");
    dockManager->addDock(dockRight,dock6);
    dock6->setWidget(new QTextEdit("dock6"));


    dock7= new DockWidget(QIcon(":/image/res/palette.png"),"DOCK7");
    dock7->setWidget(new QTextEdit("dock7"));
    dock8= new DockWidget(QIcon(":/image/res/openfile.png"),"DOCK8");
    dock8->setWidget(new QTextEdit("dock8"));

    dockManager->tabifyDock(dock6,dock8);
    dockManager->splitDock(dock5,dock7,Qt::Vertical);

    dock9= new DockWidget(QIcon(":/image/res/openfile.png"),"DOCK9");
    dockManager->addDock(dockTop,dock9);
    dock9->setWidget(new QTextEdit("dock9"));

    dock10= new DockWidget(QIcon(":/image/res/openfile.png"),"DOCK10");
    dockManager->addDock(dockBottom,dock10);
    dock10->setWidget(new QTextEdit("dock10"));

    dock11= new DockWidget(QIcon(":/image/res/palette.png"),"DOCK11");
    dockManager->addDock(dockBottom,dock11);
    dock11->setWidget(new QTextEdit("dock11"));;

    dock12= new DockWidget(QIcon(":/image/res/palette.png"),"DOCK12");
    dockManager->addDock(dockBottom,dock12);
    dock12->setWidget(new QTextEdit("dock12"));
}

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

void MainWindow::on_actionTest1_triggered()
{
    dock1->setPinned(3);
}


void MainWindow::on_actionTest2_triggered()
{
    dock10->setPinned(3);
}

void MainWindow::on_actionTest3_triggered()
{
    dock10->setPinned(2);
}

void MainWindow::updateTheme()
{
    QString sf= ":/style/res/default.qss";
    QFile file(sf);
    if (file.exists()) {
        file.open(QFile::ReadOnly);
        QString styleSheet = qApp->styleSheet();
        styleSheet +=tr(file.readAll());
        styleSheet += "QTextEdit{border:none;}";
        qApp->setStyleSheet(styleSheet);
        file.close();
    }
    m_dockTheme.setTheme();
}

图片1
在这里插入图片描述
图片2
在这里插入图片描述
图片3
在这里插入图片描述
资源下载地址https://download.csdn.net/download/dy2017/87606110

dy2017
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Qt之QDialog 自定义标题栏
Ilson_的博客
07-07 1444
Qt自带标题栏功能还是很强大的，但是确实不能百分百满足需求，除了丑以外还不能随意更改标题栏字体，也不能更改样式；所以为了满足自己的虚荣心让标题栏变得更加好用看好看，特地花时间做了以下测试；
QDockWidget多层嵌套布局示例
04-22
千万别下载，csdn私自修改我设置的积分（还不能改回来），去https://github.com/czyt1988/czyBlog/tree/master/tech/QDockWidget_VSStudioMode，下载源码。具体可见：http://blog.csdn.net/czyt1988/article/details/51209619
Qt中QDockWidget的自定义标题栏
缘如风的博客
08-21 4269
本例有Qt的官网例子改写而来。效果如下： 具体代码如下 头文件 #ifndef CDOCWIDGETBAR_H #define CDOCWIDGETBAR_H #include <QWidget> class CDocWidgetBar : public QWidget { Q_OBJECT public: CDocWidgetBar(QWidget *pare...
14-QDockWidget
qq_40329851的博客
02-02 118
/************************************************ QDockWidget ***************************************************/ QDockWidget { border: 1px solid red; titlebar-close-icon: url(:/images/111.bmp); titlebar-normal-icon: url(:/images/close.png); }
QDockWidget嵌套布局详解-实现Visual Studio布局
热门推荐
尘中远的程序开发记录
04-22 4万+
概述许多工程软件，如Qt Creator，VS，matlab等，都是使用dock布局窗口，这样用户可以自定义界面，自由组合窗口。 Qt的嵌套布局由QDockWidget完成，用Qt Creator拖界面得到的dock布置形式比较固定，不能得想要的任意组合形式，要得到如下图所示的效果，后续布局必须通过代码来完成。 ps:这是自己没事写的一个数据可视化软件 下面说说如何实现完全自由的界面布局效
QDockWidget自定义标题栏
xiaobai_cpp的博客
07-21 1686
停靠窗口(dockwindow)是指一些可以停靠在QMainWindow中或是浮动为独立窗口的窗口。QMainWindow提供了4个停靠窗口区域分别在中央窗口部件的上部、下部、左侧和右侧。在Qt中,各个停靠窗口都是QDockWidget的实例。每一个停靠窗口都有自己的标题栏,即使它处于停靠时也是如此。通过拖拽这一标题栏,用户可以把停靠窗口从一个停靠区域移动到另外一个停靠区域。通过把这个停靠窗口拖动到其他停靠区域的外面,就可以把停靠窗口从一个停靠区域中分离出来,让它成为一个独立的窗口。.........
QDockWidget之自定义标题栏
Black_Silencer的博客
05-08 1684
实现思路 自定义一个QWidget QDockWidget::setTitleBarWidget 自定义QWidget时候注意点 The title bar widget must have a valid QWidget::sizeHint() and QWidget::minimumSizeHint() 不想特别处理的鼠标事件，调用 QMouseEvent::ignore() 要注意标题栏方向 QDockWidget *dockWidget = qobject_cast<QD
自定义QDockWidget的标题栏
CodeCoding的博客
12-20 855
自定义QDockWidget标题栏
Qt 之QDockwidget 自定义窗口标题栏
fuyouzhiyi的博客
08-25 2639
这个比较简单，就是继承QWidget，挨个添加需要的控件即可，详情见源码三个地方注意构造函数QWidget *parent不设置默认值，确保调用的时候，把QDockwidget的指针传进来成员变量QPushButton* m_pButtonFloating;样式//获取qt默认图标 m_pButtonFloating = new QPushButton(floatIcon , "" , this);");......
Qt 实现 自定义窗口标题栏
12-07
以上代码用Qt实现了自定义窗口标题栏，非常实用，提供了窗口图标、窗口标题、最小化、最大化、关闭按钮等几个部分。可以应用到每一个窗口中去，保持每个窗口外观的一致性，同时自定义的标题栏也比系统自带的漂亮很多...
Qt5.实现自动停靠窗口DockWidget动态库
03-22
支持windows和linux平台，支持qt5.12.10以上版本，支持qt6全系列版本，资源只提供了window下Qt5.12.10动态库，MinGW7.3.0编译。 不得用于商业系统，详情 https://blog.csdn.net/dy2017/article/details/129718740
Qt自定义标题栏源码V1.0
04-08
自定义标题栏源码，实现了 1.鼠标左键点击移动 2.最小化 最大化/恢复 关闭程序功能 3.双击鼠标最大化/恢复功能 ************************************************************************************************...
QT窗口，自定义标题栏 并实现拉伸 移动功能示例
01-11
QT窗口，自定义标题栏 并实现拉伸 移动功能示例 OBS 自定义标题栏示例 相应博文： OBS自定义标题栏 https://gudianxiaoshuo.blog.csdn.net/article/details/104606115
Qt 之 自定义窗口标题栏
12-07
以上代码用Qt实现了自定义窗口标题栏，非常实用，提供了窗口图标、窗口标题、最小化、最大化、关闭按钮等几个部分。可以应用到每一个窗口中去，保持每个窗口外观的一致性，同时自定义的标题栏也比系统自带的漂亮很多...
Qt界面设计——侧边栏隐藏和滑出
最新发布
QtCompany的博客
08-03 1277
界面控件很简单，主界面QWidget，侧边栏也用一个QWidget和一个按钮QPushbutton来进行组合。通过点击按钮来显示和隐藏侧边栏。主要用到的是控件的move()函数，配合QPropertyAnimation实现动画效果滑动显示隐藏。动画滑出动画效果使用到的是QPropertyAnimation类的setEasingCurve()函数，通过设置函数参数来实现不同的动画效果，具体效果可以通过Qt Create的帮助文件查询到。Qt中动画效果的功能很强大，初次接触，还有很多功能需要去不断摸索，加油!
QT之qss教程-QDockWidget
wzs的博客
11-07 5930
QDockWidget { border: 1px solid red; titlebar-close-icon: url(:/images/111.bmp); titlebar-normal-icon: url(:/images/close.png); } /* 标题设置 */ QDockWidget::title { text-align: right;
QDockWidget 简单的自定义标题栏
weixin_45980869的博客
11-18 2313
QDockWidget 简单的自定义标题栏
Qt 实现自定义窗口标题栏（附完整源码）
希望我的博客，能帮上你解决学习中工作中所遇到的问题
07-05 318
Qt 实现自定义窗口标题栏（附完整源码）
qt 自定义标题栏
05-25
2.将 QWidget 的窗口标志设置为 Qt::WindowFlags(Qt::FramelessWindowHint)，这样可以去掉默认的标题栏。 3.重写 QWidget 的 paintEvent() 函数，在该函数中绘制自定义标题栏。 4.将 QWidget 设置为 QMainWindow ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值