Qt中MVD模式的具体使用_C/C++

一、前言

mvd 模式的核心价值：关注点分离，让数据管理、显示逻辑和用户交互各自独立，从而创建出更可维护、可扩展的应用程序。

model：完全不知道数据会如何显示，只负责存储和管理数据。

view ：视图作为桥梁，从 model 获取数据、将数据传递给 delegate 进行渲染、处理用户交互事件

delegate ：委托完全控制每个项目的外观，包括颜色、布局、边框等。

好处：

修改方便：

可以轻松更换不同的 model 来改变数据源
可以轻松更换不同的 view 来改变交互方式
可以轻松更换不同的 delegate 来改变外观

松耦合设计

修改数据不影响显示逻辑
修改显示样式不影响数据
各部分可以独立开发和测试

二、model

基础模型类型:

qstringlistmodel - 字符串列表模型

#include <qstringlistmodel>

qstringlistmodel *model = new qstringlistmodel;
model->setstringlist({"苹果", "香蕉", "橙子"});

qstandarditemmodel - 标准项目模型

#include <qstandarditemmodel>

qstandarditemmodel *model = new qstandarditemmodel;
model->appendrow(new qstandarditem("项目1"));

qfilesystemmodel - 文件系统模型

#include <qfilesystemmodel>

qfilesystemmodel *model = new qfilesystemmodel;
model->setrootpath(qdir::homepath());

三、view

qlistview：将数据项显示为列表。
qtableview：将数据项显示在表格中。
qtreeview：将数据项显示在层次结构的树中。
qcolumnview：使用多个列显示数据项，每个列代表一个层次级别。
qheaderview：用于显示表格或列表的标题行或标题列，通常不单独使用，而是作为qtableview和qtreeview的一部分。
qlistwidget、qtablewidget、qtreewidget：这些是方便类，内部已经集成了模型，适用于简单应用。但它们不符合严格的mvc模式，因为模型和视图是捆绑在一起的。

四、delegate

常用的委托方式：

使用内置委托：qt提供了一些内置的委托类，如qstyleditemdelegate和qitemdelegate。通常推荐使用qstyleditemdelegate，因为它使用当前样式来绘制项目。内置委托：
qt的内置委托可以处理大多数常见的数据类型（如字符串、数字、日期等）的显示和编辑。例如，当你在一个模型/视图结构中编辑一个布尔值时，内置委托会提供一个复选框；编辑数字时，会提供一个数字输入框等。
自定义委托：通过继承qstyleditemdelegate或qitemdelegate，并重写其虚函数来实现自定义的显示和编辑行为。
自定义委托：自定义委托通常需要重写以下一个或多个函数：
- paint(): 用于自定义项目的显示。
- sizehint(): 返回项目的大小。
- createeditor(): 返回一个用于编辑项目的部件（如qlineedit、qcombobox等）。
- seteditordata(): 将模型中的数据设置到编辑器。
- setmodeldata(): 将编辑器中的数据保存到模型。
- updateeditorgeometry(): 设置编辑器在视图中的位置和大小。

五、案例

#ifndef mainwindow_h
#define mainwindow_h
#include <qmainwindow>
#include <qlistview>
#include <qstringlistmodel>
#include <qstyleditemdelegate>
#include <qpainter>
#include <qvboxlayout>
#include <qwidget>
// 前向声明
class qlistview;
class qstringlistmodel;
class simpledelegate;
qt_begin_namespace
namespace ui {
class mainwindow;
}
qt_end_namespace
class mainwindow : public qmainwindow
{
    q_object
public:
    mainwindow(qwidget *parent = nullptr);
    ~mainwindow();
private:
    ui::mainwindow *ui;
private:
    void setupui();
    void setupmodel();
    qlistview *listview;
    qstringlistmodel *model;
    simpledelegate *delegate;
};
#endif // mainwindow_h

.cpp

#include "mainwindow.h"
#include "./ui_mainwindow.h"
#include <qlistview>
#include <qstringlistmodel>
#include <qstyleditemdelegate>
#include <qpainter>
#include <qvboxlayout>
#include <qwidget>
class simpledelegate : public qstyleditemdelegate
{
public:
    explicit simpledelegate(qobject *parent = nullptr) : qstyleditemdelegate(parent) {}
    void paint(qpainter *painter, const qstyleoptionviewitem &option, const qmodelindex &index) const override
    {
        // 绘制背景
        if (option.state & qstyle::state_selected) {
            painter->fillrect(option.rect, qcolor(173, 216, 230)); // 浅蓝色选中背景
        } else {
            painter->fillrect(option.rect, qt::white); // 白色默认背景
        }
        // 绘制文本
        qstring text = index.data(qt::displayrole).tostring();
        painter->setpen(qt::black);
        painter->drawtext(option.rect, qt::aligncenter, text);
        // 绘制边框
        painter->setpen(qt::lightgray);
        painter->drawrect(option.rect.adjusted(0, 0, -1, -1));
    }
    qsize sizehint(const qstyleoptionviewitem &option, const qmodelindex &index) const override
    {
        // 设置项目大小
        qsize size = qstyleditemdelegate::sizehint(option, index);
        size.setheight(40); // 固定高度
        return size;
    }
};
mainwindow::mainwindow(qwidget *parent)
    : qmainwindow(parent)
    , ui(new ui::mainwindow)
    , listview(new qlistview(this))
    , model(new qstringlistmodel(this))
    , delegate(new simpledelegate(this))
{
     ui->setupui(this);
    setupui();
    setupmodel();
    setwindowtitle("qt6 mvd 简单示例");
    resize(300, 300);
}
void mainwindow::setupui()
{
    // 创建中央部件
    qwidget *centralwidget = new qwidget(this);
    setcentralwidget(centralwidget);
    // 设置列表视图属性
    listview->setmodel(model);
    listview->setitemdelegate(delegate);
    listview->setalternatingrowcolors(true); // 交替行颜色
    // 创建布局
    qvboxlayout *layout = new qvboxlayout(centralwidget);
    layout->addwidget(listview);
}
void mainwindow::setupmodel()
{
    // 创建示例数据
    qstringlist data;
    data << "任务1: 学习 qt6"
         << "任务2: 理解 mvd 模式"
         << "任务3: 编写示例代码"
         << "任务4: 测试应用程序"
         << "任务5: 优化界面效果";
    // 设置模型数据
    model->setstringlist(data);
}
mainwindow::~mainwindow()
{
    delete ui;
}

结果：