C 语言

关注公众号 jb51net

关闭
首页 > 软件编程 > C 语言 > Qt MVD模式

Qt中MVD模式的具体使用

作者：寻找华年的锦瑟

本文主要介绍了Qt中MVD模式的具体使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

一、前言

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

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

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

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

四、delegate

常用的委托方式：

五、案例

.h

#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;
}

结果：

功能演示：

我可一只修改delegate中的 painter->fillRect(option.rect, Qt::white); // 白色默认背景将背景变为red;

到此这篇关于Qt中MVD模式的具体使用的文章就介绍到这了,更多相关Qt MVD模式内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:
阅读全文