首页 > 其他分享> 文章详细

QT 仿电子看板系统 DockWidget的使用

2022-03-19 14:31:32 阅读：165 来源： 互联网

标签：splitDockWidget QT Get GetDockWidgetIndex DockWidgetList 板系统 DockWidget Qt

前言

上文
书接上文额额上文已经把QChart 的各个线的种类写了然后这次就把布局加上

在这里插入图片描述

一 DockWidget的使用

首先这边个人的使用方式是分成3个类
一个是DockWidgetTitle 也就是DockWidgt的标题
因为标题要带有拖动的效果
所以我们这边需要自定义他都标题框

第二个是DockWidget
也就是自己继承的QDockWidget使用

第三个是DockWidgetList
一个管理DockWidget的一个列表类

1.DockWidgetTitle

class DockWidgetTitle : public QWidget
{
    Q_OBJECT
public:
    DockWidgetTitle(QLabel* lbl = nullptr,QWidget* parent = nullptr);
    DockWidgetTitle(QString text = "",QWidget* parent = nullptr);
    ~DockWidgetTitle();

protected:
    void mouseMoveEvent(QMouseEvent* e);
    void mousePressEvent(QMouseEvent* e);
    void mouseReleaseEvent(QMouseEvent* e);
private:
};

DockWidgetTitle::DockWidgetTitle(QLabel *lbl,QWidget *parent)
    :QWidget (parent)
{
    QHBoxLayout* mLayout = new QHBoxLayout();
    mLayout->setSpacing(0);
    mLayout->setContentsMargins(0,0,0,0);
    mLayout->addWidget(lbl);
    this->setLayout(mLayout);
}

DockWidgetTitle::DockWidgetTitle(QString text, QWidget *parent)
{
    QHBoxLayout* mLayout = new QHBoxLayout();
    mLayout->setSpacing(0);
    mLayout->setContentsMargins(0,0,0,0);

    QLabel* lbl = new QLabel();
    lbl->setAlignment(Qt::AlignCenter);
    lbl->setStyleSheet("background-color:rgb(41,43,77);"
                       "font : ""楷体"" 15pt;"
                       "color:rgb(240,240,240);");
    lbl->setText(text);
    lbl->setFixedHeight(30);
    mLayout->addWidget(lbl);
    this->setLayout(mLayout);
}

DockWidgetTitle::~DockWidgetTitle()
{

}

void DockWidgetTitle::mouseMoveEvent(QMouseEvent *event)
{
    QWidget::mouseMoveEvent(event);
}

void DockWidgetTitle::mousePressEvent(QMouseEvent *event)
{
    QWidget::mousePressEvent(event);
}

void DockWidgetTitle::mouseReleaseEvent(QMouseEvent *event)
{
    QWidget::mouseReleaseEvent(event);
}
这一步其实没有什么太大的改动
你自己整出自己想要的控件代入进去即可
鼠标事件继承父类的就好

2.DockWidget

class DockWidget : public QDockWidget
{
    Q_OBJECT
public:
    DockWidget(QString text = "",QWidget* parent = nullptr);
    DockWidget(QLabel* lbl = nullptr,QWidget* parent = nullptr);
    ~DockWidget();

    void SetDockWidget(QWidget* widget);
//    void Remove();
};

DockWidget::DockWidget(QString text, QWidget *parent)
    :QDockWidget (parent)
{
    DockWidgetTitle* mTitle = new DockWidgetTitle(text);
    this->setTitleBarWidget(mTitle);

    DockWidgetList::Get()->Push(this);
}

DockWidget::DockWidget(QLabel *lbl, QWidget *parent)
    :QDockWidget (parent)
{
    DockWidgetTitle* mTitle = new DockWidgetTitle(lbl);
    this->setTitleBarWidget(mTitle);

    DockWidgetList::Get()->Push(this);
}
DockWidget::~DockWidget()
{

}
void DockWidget::SetDockWidget(QWidget *widget)
{
    this->setWidget(widget);
}
这一步也没有太大的疑问把
就是简单的把Title跟DockWidget链接一下
然后在创建的时候通过List Push进去列表里面操作即可

3.DockWidgetList

class DockWidgetList : public QObject
{
    Q_OBJECT
public:
    static DockWidgetList* Get();

    void Push(DockWidget*);

	//删除所有
    void DeleteAll();
    //隐藏所有
    void HideAll();
    //隐藏某一项
    void HideIndex(int index);
    //显示所有
    void ShowAll();
    //显示某一项
    void ShowIndex(int index);
    //返回某一项
    DockWidget* GetDockWidgetIndex(int);
private:
    QList<DockWidget*> _list;
private:
    DockWidgetList(QObject* obj = nullptr);
    ~DockWidgetList();
};

DockWidgetList *DockWidgetList::Get()
{
    static DockWidgetList cx;
    return &cx;
}

void DockWidgetList::Push(DockWidget *wid)
{
    _list.push_back(wid);
}

void DockWidgetList::DeleteAll()
{
    for(auto & i : _list)
    {
        i->deleteLater();
        i = nullptr;
    }
}

void DockWidgetList::HideAll()
{
    for(auto & i : _list)
    {
        i->hide();
    }
}

void DockWidgetList::HideIndex(int index)
{
    if(index > _list.size() - 1)
    {
        return;
    }
    _list.at(index)->hide();
}

void DockWidgetList::ShowAll()
{
    for(auto &i : _list)
    {
        i->show();
    }
}

void DockWidgetList::ShowIndex(int index)
{
    if(index > _list.size() - 1)
    {
        return;
    }
    _list.at(index)->show();
}

DockWidget *DockWidgetList::GetDockWidgetIndex(int index)
{
    DockWidget* dock = new DockWidget("11");
    if(index >= _list.size())
        return dock;
    DockWidget* widget = _list.at(index);
    ShowIndex(index);
    return widget;
}
DockWidgetList::DockWidgetList(QObject *obj)
    :QObject (obj)
{

}
DockWidgetList::~DockWidgetList()
{
}
这里也是简单的一些show hide操作
没有别的特殊性
使用了单例模式 封装了他的List
通过调用接口的方式调用List

二 MainWindow布局

1.创建并布局

void MainWindow::InitWidget()
{
    ModuleWidget* productionSumWidget = new ModuleWidget(PRODUCTIONSUM);
    ModuleWidget* planForTheMonthWidget = new ModuleWidget(PLANFORTHEMONTH);
    ModuleWidget* deviceMonitorRingWidget = new ModuleWidget(DEVICEMONITORING);
    ModuleWidget* MdloProgressWidget = new ModuleWidget(MOLDPROGRESS);
    ModuleWidget* LoadDistributionWidget = new ModuleWidget(LOADDISTRIBUTION);
    ModuleWidget* PassedTheInSpectionWidget = new ModuleWidget(PASSEDTHEINSPECTION);
    ModuleWidget* QualityManagementWidget = new ModuleWidget(QUALITYMANAGEMENT);
    ModuleWidget* MaterialManagementWidget = new ModuleWidget(MATERIALMANAGEMENT);
    ModuleWidget* VideoSurveillance = new ModuleWidget(VIDEOSURVEILLANCE);

    DockWidget* dockWidget1 = new DockWidget("随便吧");
    dockWidget1->SetDockWidget(productionSumWidget);
    dockWidget1->setObjectName("dockWidget1");

    DockWidget* dockWidget2 = new DockWidget("随便了");
    dockWidget2->SetDockWidget(planForTheMonthWidget);
    dockWidget2->setObjectName("dockWidget2");

    DockWidget* dockWidget3 = new DockWidget("随便吧");
    dockWidget3->SetDockWidget(deviceMonitorRingWidget);
    dockWidget3->setObjectName("dockWidget3");

    DockWidget* dockWidget4 = new DockWidget("随便了");
    dockWidget4->SetDockWidget(MdloProgressWidget);
    dockWidget4->setObjectName("dockWidget4");

    DockWidget* dockWidget5 = new DockWidget("随便吧");
    dockWidget5->SetDockWidget(LoadDistributionWidget);
    dockWidget5->setObjectName("dockWidget5");

    DockWidget* dockWidget6 = new DockWidget("随便了");
    dockWidget6->SetDockWidget(PassedTheInSpectionWidget);
    dockWidget6->setObjectName("dockWidget6");

    DockWidget* dockWidget7 = new DockWidget("随便吧");
    dockWidget7->SetDockWidget(QualityManagementWidget);
    dockWidget7->setObjectName("dockWidget7");

    DockWidget* dockWidget8 = new DockWidget("随便了");
    dockWidget8->SetDockWidget(MaterialManagementWidget);
    dockWidget8->setObjectName("dockWidget8");

    DockWidget* dockWidget9 = new DockWidget("随便了");
    dockWidget9->SetDockWidget(VideoSurveillance);
    dockWidget9->setObjectName("dockWidget9");

    this->addDockWidget(Qt::LeftDockWidgetArea,dockWidget1);
    this->splitDockWidget(dockWidget1,dockWidget2,Qt::Horizontal);
    this->splitDockWidget(dockWidget2,dockWidget3,Qt::Horizontal);
    this->splitDockWidget(dockWidget1,dockWidget4,Qt::Vertical);
    this->splitDockWidget(dockWidget2,dockWidget5,Qt::Vertical);
    this->splitDockWidget(dockWidget3,dockWidget6,Qt::Vertical);
}
这里没有什么值得重点说的
就是创建Widget 赋予DockWidget
然后通过addDockWidget 跟 splitDockWidget 去布局即可
布局的顺序我是寻从 从左到右的方式
addDockWidget() 跟 splitDockWidget();
去看看QT的帮助文档应该也不会很难理解

2.菜单

_menu = new QMenu();
    QAction* actionStyle = new QAction("样式");
    QAction* actionSaveLayout = new QAction("保存布局");
    QAction* actionLoadLayout = new QAction("使用布局");

    QMenu* StyleMenu = new QMenu();
    QAction* actionStyle1 = new QAction("样式1");
    QAction* actionStyle2 = new QAction("样式2");
    QAction* actionStyle3 = new QAction("样式3");
    QAction* actionStyle4 = new QAction("样式4");
    QAction* actionStyle5 = new QAction("样式5");
    QAction* actionStyle6 = new QAction("样式6");
    QAction* actionStyle7 = new QAction("样式7");
    StyleMenu->addAction(actionStyle1);
    StyleMenu->addAction(actionStyle2);
    StyleMenu->addAction(actionStyle3);
    StyleMenu->addAction(actionStyle4);
    StyleMenu->addAction(actionStyle5);
    StyleMenu->addAction(actionStyle6);
    StyleMenu->addAction(actionStyle7);
    actionStyle->setMenu(StyleMenu);

    _menu->addAction(actionStyle);
    _menu->addAction(actionSaveLayout);
    _menu->addAction(actionLoadLayout);

    this->connect(actionStyle1,&QAction::triggered,this,[=](){
        DockWidgetList::Get()->HideAll();
        this->addDockWidget(Qt::LeftDockWidgetArea,DockWidgetList::Get()->GetDockWidgetIndex(0));
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(0),DockWidgetList::Get()->GetDockWidgetIndex(1),Qt::Horizontal);
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(1),DockWidgetList::Get()->GetDockWidgetIndex(2),Qt::Horizontal);
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(0),DockWidgetList::Get()->GetDockWidgetIndex(3),Qt::Vertical);
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(1),DockWidgetList::Get()->GetDockWidgetIndex(4),Qt::Vertical);
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(2),DockWidgetList::Get()->GetDockWidgetIndex(5),Qt::Vertical);
    });
    this->connect(actionStyle2,&QAction::triggered,this,[=](){
        DockWidgetList::Get()->HideAll();
        this->addDockWidget(Qt::LeftDockWidgetArea,DockWidgetList::Get()->GetDockWidgetIndex(1));
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(1),DockWidgetList::Get()->GetDockWidgetIndex(5),Qt::Horizontal);
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(5),DockWidgetList::Get()->GetDockWidgetIndex(6),Qt::Horizontal);
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(1),DockWidgetList::Get()->GetDockWidgetIndex(7),Qt::Vertical);
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(5),DockWidgetList::Get()->GetDockWidgetIndex(4),Qt::Vertical);
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(6),DockWidgetList::Get()->GetDockWidgetIndex(8),Qt::Vertical);
    });
    this->connect(actionStyle3,&QAction::triggered,this,[=](){
        DockWidgetList::Get()->HideAll();
        this->addDockWidget(Qt::LeftDockWidgetArea,DockWidgetList::Get()->GetDockWidgetIndex(0));
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(0),DockWidgetList::Get()->GetDockWidgetIndex(2),Qt::Horizontal);
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(2),DockWidgetList::Get()->GetDockWidgetIndex(5),Qt::Horizontal);
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(0),DockWidgetList::Get()->GetDockWidgetIndex(3),Qt::Vertical);
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(2),DockWidgetList::Get()->GetDockWidgetIndex(6),Qt::Vertical);
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(5),DockWidgetList::Get()->GetDockWidgetIndex(7),Qt::Vertical);
    });
    this->connect(actionStyle4,&QAction::triggered,this,[=](){
        DockWidgetList::Get()->HideAll();
        this->addDockWidget(Qt::LeftDockWidgetArea,DockWidgetList::Get()->GetDockWidgetIndex(0));
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(0),DockWidgetList::Get()->GetDockWidgetIndex(2),Qt::Horizontal);
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(2),DockWidgetList::Get()->GetDockWidgetIndex(4),Qt::Horizontal);
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(0),DockWidgetList::Get()->GetDockWidgetIndex(3),Qt::Vertical);
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(2),DockWidgetList::Get()->GetDockWidgetIndex(5),Qt::Vertical);
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(4),DockWidgetList::Get()->GetDockWidgetIndex(7),Qt::Vertical);
    });
    this->connect(actionStyle5,&QAction::triggered,this,[=](){
        DockWidgetList::Get()->HideAll();
        this->addDockWidget(Qt::LeftDockWidgetArea,DockWidgetList::Get()->GetDockWidgetIndex(0));
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(0),DockWidgetList::Get()->GetDockWidgetIndex(2),Qt::Horizontal);
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(2),DockWidgetList::Get()->GetDockWidgetIndex(3),Qt::Horizontal);
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(0),DockWidgetList::Get()->GetDockWidgetIndex(4),Qt::Vertical);
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(2),DockWidgetList::Get()->GetDockWidgetIndex(5),Qt::Vertical);
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(3),DockWidgetList::Get()->GetDockWidgetIndex(6),Qt::Vertical);
    });
    this->connect(actionStyle6,&QAction::triggered,this,[=](){
        DockWidgetList::Get()->HideAll();
        this->addDockWidget(Qt::LeftDockWidgetArea,DockWidgetList::Get()->GetDockWidgetIndex(0));
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(0),DockWidgetList::Get()->GetDockWidgetIndex(1),Qt::Horizontal);
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(1),DockWidgetList::Get()->GetDockWidgetIndex(2),Qt::Horizontal);
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(0),DockWidgetList::Get()->GetDockWidgetIndex(3),Qt::Vertical);
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(1),DockWidgetList::Get()->GetDockWidgetIndex(4),Qt::Vertical);
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(2),DockWidgetList::Get()->GetDockWidgetIndex(5),Qt::Vertical);
    });
    this->connect(actionStyle7,&QAction::triggered,this,[=](){
        DockWidgetList::Get()->HideAll();
        this->addDockWidget(Qt::LeftDockWidgetArea,DockWidgetList::Get()->GetDockWidgetIndex(0));
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(0),DockWidgetList::Get()->GetDockWidgetIndex(3),Qt::Horizontal);
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(3),DockWidgetList::Get()->GetDockWidgetIndex(4),Qt::Horizontal);
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(0),DockWidgetList::Get()->GetDockWidgetIndex(5),Qt::Vertical);
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(3),DockWidgetList::Get()->GetDockWidgetIndex(6),Qt::Vertical);
        this->splitDockWidget(DockWidgetList::Get()->GetDockWidgetIndex(4),DockWidgetList::Get()->GetDockWidgetIndex(7),Qt::Vertical);
    });
    this->connect(actionSaveLayout,&QAction::triggered,this,[=](){
        SaveLayout();
    });
    this->connect(actionLoadLayout,&QAction::triggered,this,[=](){
        LoadLayout();
    });

void MainWindow::contextMenuEvent(QContextMenuEvent *event)
{
    _menu->exec(QCursor::pos());
    event->accept();
}
菜单这块基本就是QT的Qenu 跟 QAciton去执行
你想怎么做都可以通过 创建 添加 信号与槽处理即可 
contextMenuEvent是右键创建菜单的事件

3.保存布局跟读取布局

void MainWindow::SaveLayout()
{
    const QString fileName = QDir::currentPath() + "/Layout.txt";
    if (fileName.isEmpty())
        return;
    QFile file(fileName);
    if (!file.open(QFile::WriteOnly)) {
        QString msg = tr("Failed to open %1\n%2")
                        .arg(fileName)
                        .arg(file.errorString());
        QMessageBox::warning(nullptr, tr("Error"), msg);
        return;
    }
    QByteArray geo_data = saveGeometry();
    QByteArray layout_data = saveState();
    bool ok = file.putChar((uchar)geo_data.size());
    if (ok)
        ok = file.write(geo_data) == geo_data.size();
    if (ok)
        ok = file.write(layout_data) == layout_data.size();
    if (!ok) {
        QString msg = tr("Error writing to %1\n%2")
                        .arg(fileName)
                        .arg(file.errorString());
        QMessageBox::warning(this, tr("Error"), msg);
        return;
    }
}

void MainWindow::LoadLayout()
{
    const QString fileName = QDir::currentPath() + "/Layout.txt";
    if (fileName.isEmpty())
        return;
    QFile file(fileName);
    if (!file.open(QFile::ReadOnly)) {
        QString msg = tr("Failed to open %1\n%2")
                        .arg(fileName)
                        .arg(file.errorString());
        QMessageBox::warning(this, tr("Error"), msg);
        return;
    }
    uchar geo_size;
    QByteArray geo_data;
    QByteArray layout_data;
    bool ok = file.getChar((char*)&geo_size);
    if (ok) {
        geo_data = file.read(geo_size);
        ok = geo_data.size() == geo_size;
    }
    if (ok) {
        layout_data = file.readAll();
        ok = layout_data.size() > 0;
    }
    if (ok)
        ok = restoreGeometry(geo_data);
    if (ok)
        ok = restoreState(layout_data);
    if (!ok) {
        QString msg = tr("Error reading %1")
                        .arg(fileName);
        QMessageBox::warning(this, tr("Error"), msg);
        return;
    }
}

三.总结

这篇文章应该都比较容易理解
因为都是一些关于界面的一些操作

我永远喜欢慧慧

标签：splitDockWidget,QT,Get,GetDockWidgetIndex,DockWidgetList,板系统,DockWidget,Qt
来源： https://blog.csdn.net/qq_42590121/article/details/123593978

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9