Qt开发-MVD架构

最新推荐文章于 2024-05-05 12:13:58 发布
最新推荐文章于 2024-05-05 12:13:58 发布
阅读量4.9k 收藏 32
点赞数 7
分类专栏： Qt学习 文章标签： qt mvc delegate
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/brucewming/article/details/119183102
版权

Qt开发-MVD架构

模型/视图类

MVC是一种我们熟知的架构模式，它的全称是 Model View Controller。MVC具体的概念及应用，网上已经非常非常详尽了，这里就不赘述了，今天要了解的是其在Qt中的具体应用。Qt中的MVC并不叫MVC，而是叫MVD，Qt中没有Controller的说法，而是使用了另外一种抽象: Delegate (委托) ，其行为和传统的MVC是相同的。
在这里插入图片描述

模型(Model)

基于抽象基类QAbstractItemModel类，其继承类有：
在这里插入图片描述

视图(View)

基于抽象基类QAbstractItemView类，其继承类有：
在这里插入图片描述

代理(Delegate)

基于抽象基类QAbstractItemDelegate类，其继承类有：
在这里插入图片描述

☆例子

例子是电子工业出版社的《Qt5开发及实例》一书中的内容。

例1：

① 使用QDirModel基类，将QTreeView、QTableView、QListView的模型设为QDirModel实现下图：

在这里插入图片描述

主体代码

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);

    QDirModel model;

    QTreeView tree;
    QListView list;
    QTableView table;

    tree.setModel(&model);
    list.setModel(&model);
    table.setModel(&model);

    tree.setSelectionMode(QAbstractItemView::SingleSelection);
    list.setSelectionModel(tree.selectionModel());
    table.setSelectionModel(tree.selectionModel());

    QObject::connect(&tree,SIGNAL(doubleClicked(QModelIndex)),&list,SLOT(setRootIndex(QModelIndex)));
    QObject::connect(&tree,SIGNAL(doubleClicked(QModelIndex)),&table,SLOT(setRootIndex(QModelIndex)));

    QSplitter *splitter = new QSplitter;
    splitter->addWidget(&tree);
    splitter->addWidget(&list);
    splitter->addWidget(&table);
    splitter->setWindowTitle(QObject::tr("Model/View"));
    splitter->show();
    
    return a.exec();
}

例二

自定义QAbstractTableModel类，将QtableView的模型设置为自定义模型，实现：
在这里插入图片描述

主体代码

modelx是一个继承于QAbstractTableModel的类，modelx.cpp如下：

#include "modelex.h"
#pragma execution_character_set("utf-8")

ModelEx::ModelEx(QObject *parent) :
    QAbstractTableModel(parent)
{
    armyMap[1]=tr("空军");
    armyMap[2]=tr("海军");
    armyMap[3]=tr("陆军");
    armyMap[4]=tr("海军陆战队");

    weaponTypeMap[1]=tr("轰炸机");
    weaponTypeMap[2]=tr("战斗机");
    weaponTypeMap[3]=tr("航空母舰");
    weaponTypeMap[4]=tr("驱逐舰");
    weaponTypeMap[5]=tr("直升机");
    weaponTypeMap[6]=tr("坦克");
    weaponTypeMap[7]=tr("两栖攻击舰");
    weaponTypeMap[8]=tr("两栖战车");
    populateModel();
}

void ModelEx::populateModel()
{
    header<<tr("军种")<<tr("种类")<<tr("武器");
    army<<1<<2<<3<<4<<2<<4<<3<<1;
    weaponType<<1<<3<<5<<7<<4<<8<<6<<2;
    weapon<<tr("B-2")<<tr("尼米兹级")<<tr("阿帕奇")<<tr("黄蜂级")<<tr("阿利伯克级")<<tr("AAAV")<<tr("M1A1")<<tr("F-22");
}

int ModelEx::columnCount(const QModelIndex &parent) const
{
    return 3;
}

int ModelEx::rowCount(const QModelIndex &parent) const
{
    return army.size();
}

QVariant ModelEx::data(const QModelIndex &index, int role) const
{
    if(!index.isValid())
        return QVariant();

    if(role==Qt::DisplayRole)
    {
        switch(index.column())
        {
        case 0:
            return armyMap[army[index.row()]];
            break;
        case 1:
            return weaponTypeMap[weaponType[index.row()]];
            break;
        case 2:
            return weapon[index.row()];
        default:
            return QVariant();
        }
    }
    return QVariant();
}

QVariant ModelEx::headerData(int section, Qt::Orientation orientation, int role) const
{
    if(role==Qt::DisplayRole&&orientation==Qt::Horizontal)
        return header[section];
    return QAbstractTableModel::headerData(section,orientation,role);
}

例3

（☆）表格是QTableView,不多做讲解。重点是柱状统计图绘制，这里使用的自定义的QAbstractItemView,model使用的是标准的QStandardItemModel，效果如图：这里还使用了QItemSelectionModel来实现表格与柱状图的联动。
在这里插入图片描述
这里不论是网上给的还是书上给的教程都有点问题，源代码需要进行修正。其一，一些重载函数虽然没有具体实现，但是需要给返回值；其二，在定义柱状图的点击事件时，出现了问题（点击柱状图时没有预期的反应）。自己定义的histogramview类中的用来存储各个柱状的位置信息的链表构建有误需要进行修改。

主体代码

这里只放出我的修改部分。
首先是重载函数的返回值部分。
由于这些重载函数没有被使用到，其返回值不重要，创建一些空对象即可。

QRect HistogramView::visualRect(const QModelIndex &index)const{
    return QRect();
}

void HistogramView::scrollTo(const QModelIndex &index,ScrollHint){}

QModelIndex HistogramView::moveCursor(QAbstractItemView::CursorAction cursorAction, Qt::KeyboardModifiers modifiers){
    return QModelIndex();
}

int HistogramView::horizontalOffset()const{
    return 0;
}

int HistogramView::verticalOffset()const{
    return 0;
}

bool HistogramView::isIndexHidden(const QModelIndex &index)const{
    return true;
}

QRegion HistogramView::visualRegionForSelection(const QItemSelection &selection)const{
    return QRegion();
}

然后是对柱状图点击效果的修改。
首先，我再mainwindow.cpp文件中声明了一个全局变量标志位g_regFlag，初始化为false;每一次打开新文件时置为true;

void MainWindow::openFile(QString path)
{
    if (!path.isEmpty())
    {
        QFile file(path);
        if (file.open(QFile::ReadOnly|QFile::Text))
        {
            QTextStream stream(&file);
            QString line;

            model->removeRows(0,model->rowCount(QModelIndex()),QModelIndex());
            g_regFlag=true;
            int row = 0;
            do
            {
                line = stream.readLine();
                if (!line.isEmpty())
                {
                    model->insertRows(row, 1, QModelIndex());
                    QStringList pieces=line.split(",",QString::SkipEmptyParts);
                    model->setData(model->index(row, 0, QModelIndex()),pieces.value(0));
                    model->setData(model->index(row, 1, QModelIndex()),pieces.value(1));
                    model->setData(model->index(row, 2, QModelIndex()),pieces.value(2));
                    model->setData(model->index(row, 3, QModelIndex()),pieces.value(3));
                    row++;
                }
            }while (!line.isEmpty());
            file.close();
        }
    }
}

然后修改绘画函数

// paintEvent()函数具体完成柱状统计图绘制的工作
void HistogramView::paintEvent(QPaintEvent *)
{
    QPainter painter(viewport());
    painter.setPen(Qt::black);

    int x0=40;
    int y0=250;
    //y坐标轴
    painter.drawLine(x0,y0,40,30);
    painter.drawLine(38,32,40,30);
    painter.drawLine(40,30,42,32);
    painter.drawText(20,30,tr("人数"));
    for(int i=1;i<5;i++)
    {
        painter.drawLine(40,i*50,41,i*50);
        painter.drawText(20,i*50,tr("%1").arg((5-i)*5));
    }
    //x 坐标轴
    painter.drawLine(x0,y0,540,250);
    painter.drawLine(538,248,540,250);
    painter.drawLine(540,250,538,252);
    painter.drawText(545,250,tr("部门"));

    int posD=x0+20;
    int row;
    for(row=0;row<model()->rowCount(rootIndex());row++)
    {
        QModelIndex index=model()->index(row,0,rootIndex());
        QString dep=model()->data(index).toString();

        painter.drawText(posD,y0+20,dep);
        posD+=50;
    }
    if(g_regFlag)                                                 //先将前一次的位置信息清除
    {
        MRegionList.clear();
        FRegionList.clear();
        SRegionList.clear();
    }
    //男
    int posM=x0+20;
    for(row=0;row<model()->rowCount(rootIndex());row++)
    {
        QModelIndex index=model()->index(row,1,rootIndex());
        int male=model()->data(index).toDouble();

        int width=10;
        if(selections->isSelected(index))
            painter.setBrush(QBrush(Qt::blue,Qt::Dense3Pattern));
        else
            painter.setBrush(Qt::blue);

        painter.drawRect(QRect(posM,y0-male*10,width,male*10));
        if(g_regFlag)                                               //避免重复添加位置信息
        {
            QRegion regionM(posM,y0-male*10,width,male*10);
            MRegionList<<regionM;
        }

        posM+=50;
    }
    //女
    int posF=x0+30;
    for(row=0;row<model()->rowCount(rootIndex());row++)
    {
        QModelIndex index=model()->index(row,2,rootIndex());
        int female=model()->data(index).toDouble();

        int width=10;
        if(selections->isSelected(index))
            painter.setBrush(QBrush(Qt::red,Qt::Dense3Pattern));
        else
            painter.setBrush(Qt::red);
        painter.drawRect(QRect(posF,y0-female*10,width,female*10));
        if(g_regFlag)
        {
            QRegion regionF(posF,y0-female*10,width,female*10);
            FRegionList<<regionF;
        }

        posF+=50;
    }
    //退休
    int posS=x0+40;
    for(row=0;row<model()->rowCount(rootIndex());row++)
    {
        QModelIndex index=model()->index(row,3,rootIndex());
        int retire=model()->data(index).toDouble();

        int width=10;
        if(selections->isSelected(index))
            painter.setBrush(QBrush(Qt::green,Qt::Dense3Pattern));
        else
            painter.setBrush(Qt::green);

        painter.drawRect(QRect(posS,y0-retire*10,width,retire*10));
        if(g_regFlag)
        {
            QRegion regionS(posS,y0-retire*10,width,retire*10);
            SRegionList<<regionS;
            if(row==model()->rowCount(rootIndex())-1)
                g_regFlag=false;
        }
        posS+=50;
    }

}

文件
一部,12,3,5
二部,16,4,0
三部,18,4,2
四部,10,3,1
五部,11,4,3
六部,12,2,4
七部,14,3,5
八部,9,1,1

例4

自定义QAbstractItemDelegate，实现控件只有在需要编辑数据项时才会显示。实现效果如图：
在这里插入图片描述
这里自己定义了三个委托类，分别是Date、Combo、Spin类型。

主体代码

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);

    QStandardItemModel model(4,4);
    QTableView tableView;
    tableView.setModel(&model);
    DateDelegate dateDelegate;
    tableView.setItemDelegateForColumn(1,&dateDelegate);
    ComboDelegate comboDelegate;
    tableView.setItemDelegateForColumn(2,&comboDelegate);
    SpinDelegate spinDelegate;
    tableView.setItemDelegateForColumn(3,&spinDelegate);

    model.setHeaderData(0,Qt::Horizontal,QObject::tr("姓名"));
    model.setHeaderData(1,Qt::Horizontal,QObject::tr("生日"));
    model.setHeaderData(2,Qt::Horizontal,QObject::tr("职业"));
    model.setHeaderData(3,Qt::Horizontal,QObject::tr("收入"));

    QFile file("C:/Users/Bruce/Desktop/456.txt");
    if(file.open(QFile::ReadOnly|QFile::Text))
    {
        QTextStream stream(&file);
        QString line;

        model.removeRows(0,model.rowCount(QModelIndex()),QModelIndex());
        int row =0;
        do{
               line = stream.readLine();
               if(!line.isEmpty())
               {
                   model.insertRows(row,1,QModelIndex());
                   QStringList pieces = line.split(",",QString::SkipEmptyParts);
                   model.setData(model.index(row,0,QModelIndex()),pieces.value(0));
                   model.setData(model.index(row,1,QModelIndex()),pieces.value(1));
                   model.setData(model.index(row,2,QModelIndex()),pieces.value(2));
                   model.setData(model.index(row,3,QModelIndex()),pieces.value(3));
                   row++;
               }
        }while(!line.isEmpty());

        file.close();
    }
    tableView.setWindowTitle(QObject::tr("Delegate"));
    tableView.show();
    
    return a.exec();
}

文件
Tom,1997-01-05,工人,1500
Jack,1978-12-23,医生,3000
Alice,1980-04-06,军人,2500
John,1983-09-25,律师,5000

文章源代码

不用积分
源代码

brucewming
关注
  • 7
    点赞
  • 踩
  • 32
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
qt-mvvm：大型Qt C ++应用程序的模型视图ViewModel框架
02-13
大型C ++ Qt应用程序的模型视图ViewModel框架 概述 这个model-view-viewmodel框架旨在用于使用C ++编写的基于Qt的大型科学应用程序。 该项目是作为GUI重构的游乐场而创建的。 该框架的主要特点是： 用于存储GUI会话的任意数据的应用程序模型。 将应用程序模型序列化为json。 根据命令模式撤消/重做。 查看模型以显示Qt小部件中的部分应用程序模型。 取决于Qt。 基于科学绘图。 根据模型内容自动生成窗口小部件。 物业编辑。 Qt的树木和桌子的灵活布局。 要求 C ++-17 CMake的3.14 Qt 5.12 安装说明 git clone --recurse-submodules https://github.com/gpospelov/qt-mvvm.git mkdir <build>; cd <build>
四十六、QT应用开发之MVC架构（附案例）
热门推荐
panchang199266的博客
03-13 1万+
一、基本思想   开发 Qt 应用程序的一个基本原则就是：UI界面和业务逻辑需要尽可能的分离。   判断一个结构的解耦程度，一个简单的办法是离开了UI界面，业务逻辑是否可以正常调用和运行，如果可以，说明这个架构是比较成功的。同时，对UI界面和业务逻辑功能的每个模块，是否能够被替换，而不影响整个项目的功能，这点也是判断架构解耦性的一个指标。 二、设计思路 UI界面层（view）——>控制器层...
Qt5实现的一个mvc的例子
12-07
libgitlmvc 是一个基于Qt构建的的C++ MVC 框架 概览： ViewFront ControllerCommandsModel 该框架包括四个部分: 视图: 用户交互界面 前端控制其(Front Controller): 处理所有的视图请求 命令: 前端控制其根据不同的视图请求，调用不同的命令，实现某个特定的功能 模型: 表示程序当前的状态。 已经调试运行了
Qt编程基础 | 第七章-MVD框架 | 7.1、MVD框架简介
个人技术博客
05-25 2064
一、MVD框架
C++微服务架构及安全云盘项目实训
05-20
     课程从0开始搭建一个开源微服务架构，并以此架构实现高并发的安全云盘项目。项目涉及到微服务架构的所有细节，包括注册中心，网关，配置中心，微服务管理，鉴权，加密传输，灰度发布，熔断机制。      从实践中讲解软件工程，演示需求分析、架构设计、详细设计文档的编写，分析编程规范，了解多人协作开发策略，理解并应用软件的版本管理，熟悉git工具和软件发布流程，bug管理提交问题。代码提供和同学的作业都使用git.      课程有专门的交流答疑群，老师和助教在群中，并且有10次直播答疑课程，解答学员疑问，对学员的代码进行评审，课程学完后，指导学员对xmservice开源微服务架构做贡献。并写入开源库介绍中，简历中可写参与开源。       本课程会使用libevent, qt, openssI,zlib, protobuf等-线开源库联合进行编程。课程中所有代码都是跨平台，课程会演示在windows和linux (ubuntu) 环境中开发。   
qt中的MVD
Littlehero_121的博客
09-21 793
参考博客：https://blog.csdn.net/rl529014/article/details/52072380
Qt高级编程之MVC框架
weixin_38880029的博客
06-07 2645
周末在图书馆不经意间翻阅了《Qt高级编程》后就爱释手，作者Mark Summerfield高瞻远瞩、思路清晰，刚好满足我提升Qt知识的需要，于是借出此书，好好学习一番。QT4.0版本引用了模型/视图架构，此框架实现了数据与表现层的分离，从而使同一个程序可以使用不同的表现形式。MVC拆分来讲，M是指业务模型(Model)，V是指用户界面(View)，C则是指控制器(Control)，在应用中实际使用委托(Delegate)。耦合性低。
qt MVD 框架入门教学归纳实例：QListView + QAbstractItemModel + QStyledItemDelegate 实现自定义进度条（同时显示文件名 + 实时跟新进度）
她的吻让他
09-06 699
关于model的学习，直接给你讲实现接口根本不存在看懂的可能性，先根据下方视频链接，看完并实操一次，根据视频讲解理解自定义model 必须要实现的接口以及这些接口的功能。
Qt 模型、视图、代理
玄天693
08-23 1957
模型和视图的主要作用就是实现数据显示和存储分离；Qt通过MVD（模型、视图、代理）实现了这种功能。
Qt开发-MVD架构源代码.zip
07-28
Qt开发-MVD架构源代码.zip
protocoder-mvd:protocoder-mvd
06-12
编码器 Protocoder 是一个自包含的编码环境 + Javascript 框架，用于在 Android 设备上进行快速原型设计。 只需在您的 Android 设备中安装该应用程序，然后使用您手机中创建的微型云从您的计算机访问 Web IDE。...
QT QListVIew mvd例程
12-19
QT QListVIew mvd例程,MVD机制理解,方便二次开发使用,看看.
MVD-RemoteControl
06-13
MVD-遥控 ######Ca san fie mai usor de lucrat cu MVD care nu are screen, putem folosi acest 工具。 该工具执行以下操作： 反复从手机中抓取屏幕截图并显示在 Window Capture 键盘事件中并将它们转发到手机 ...
Qt QLineEdit详解
希望能帮助大家，希望大家多多支持，你们的支持是我前进的动力。
04-29 947
QLineEdit是一个单行文本编辑器。行编辑允许用户使用一组有用的编辑功能输入和编辑单行纯文本，包括撤消和重做、剪切和粘贴以及拖放。通过更改行编辑的echoMode，它也可以用作“只写”字段，用于密码等输入。文本的长度可以限制为maxLength，文本可以使用validator或inputMask进行任意约束，也可以同时使用这两种方法。在同一行编辑的validator和inputMask之间切换时，最好清除validator或输入mask，以防止出现未定义的行为。
Qt+Ubuntu20.04:打包qt
Yanjun2i的博客
04-30 525
如果还有上述报错，就继续重复上面的操作（这里就不用再进入/etc/ld.so.conf修改了）直至没有类似报错。先将你的程序在release下编译通过，保证下面打包的程序是你最新的。在第三步的文件下，新建文件pack.sh，内容如下。在bin/release下找到与你程序同名的。然后进入/etc/ld.so.conf修改如下。然后再运行./SeerScriptHttp。将这个文件复制到你新建的文件夹里。在你的新建文件夹目录下执行。在第二步的文件终端里运行。运行的时候遇到这样的错误。
《QT实用小工具·五十五》带有标签、下划线的Material Design风格输入框
最新发布
cs1395293598的博客
05-05 261
该项目实现了一个带有标签动画、焦点动画、正确提示、错误警告的单行输入框控件
【Qt】信号与槽
m0_66599463的博客
04-30 1323
1、信号和槽的概述 1.1 信号的本质 1.2 槽的本质 2、信号和槽的使用 2.1 连接信号的槽 click和clicked 2.2 第二种自定义创建槽函数的方式 3、自定义信号和槽 3.1 ⾃定义信号函数书写规范 3.2 带参数得槽和函数 4、信号与槽的连接方式 4.1 一对一 4.2 一对多 4.3 多对一 5、信号和槽的其他说明 5.1 信号与槽的断开 5.2 Qt4 版本信号与槽的连接 5.3 使⽤ Lambda 表达式定义槽函数 5.4 信号与槽的优缺点
Qt QThreadPool线程池
希望能帮助大家，希望大家多多支持，你们的支持是我前进的动力。
04-29 692
QThreadPool类管理一个QThread集合。QThreadPool管理和重新设计单个QThread对象，以帮助降低使用线程的程序中的线程创建成本。每个Qt应用程序都有一个全局QThreadPool对象，可以通过调用globalInstance来访问该对象。要使用其中一个QThreadPool线程，请子类化QRunnable并实现run虚拟函数。然后创建该类的一个对象，并将其传递给QThreadPool::start。线程复用：线程池中的线程可以重复使用，减少了线程创建和销毁的开销。
使用QT完成如图的游戏登录界面 使用信号和槽完成密文明文密码转换，重置账号和密码，登录校验 详细代码在主页下载
m0_67469586的博客
04-29 979
this->accline->setPlaceholderText("请输入账号...");this->pwdswitchbtn=new QPushButton("密文",this);//点击"密文"按钮时，按钮本身的文字变为“明文”，QLineEdit 中的内容也变为明文;this->pwdline->setPlaceholderText("请输入密码");this->pwdswitchbtn->setText("明文");this->pwdswitchbtn->setText("密文");
QT 设计模式MVD
09-20
在Qt中，MVD是指Model-View-Delegate（模型-视图-委托）设计模式。这个模式是一种用于分离数据的展示和处理的设计模式。在MVD中，模型（Model）负责存储和管理数据，视图（View）负责展示数据，委托（Delegate）负责定义和处理视图中的交互操作。这种设计模式能够提高代码的可维护性和可扩展性，使得开发人员可以更方便地对应用程序的界面进行定制和扩展。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值