【Qt之模型视图】2. 模型类及QModelIndex模型索引、自定义模型

1. 模型类

在模型/视图体系结构中,模型提供了一个标准接口,视图和委托使用该接口访问数据。在Qt中,标准接口是由QAbstractItemModel类定义的。无论数据项如何存储在任何底层数据结构中,QAbstractItemModel的所有子类都会以层次结构来表示数据,这个结构包含了数据项表。视图使用约定来访问模型中的数据项,但是它们向用户显示信息的方式不受限制,即视图可以使用任何方式显示数据。
常见的3中模型如下:
image.png
模型与视图交互通过信号和槽机制。

QAbstractItemModel类图如下:
image.png

2. 模型索引QModelIndex

为了确保数据的表示与访问数据的方式是分开的,引入了模型索引的概念。可以通过模型获得的每条信息都由模型索引表示。视图和委托使用这些索引请求要显示的数据项。
因此,只有模型需要知道如何获取数据,并且可以相当通用地定义模型管理的数据类型。模型索引包含一个指向创建它们的模型的指针,这可以防止在使用多个模型时出现混乱。
如:

  QAbstractItemModel *model = index.model();

模型索引提供对数据的临时引用,并可用于通过模型检索或修改数据。由于模型可能会不时地重新组织其内部结构,因此模型索引可能会失效,不应该存储。如果需要对某条信息进行长期引用,则必须创建持久模型索引。这提供了对模型保持最新的信息的引用。临时模型索引由QModelIndex类提供,持久模型索引由QPersistentModelIndex类提供。
要获得与数据项对应的模型索引,必须为模型指定三个属性:行号、列号和父项的模型索引。
如:

  QModelIndex index = model->index(row, column, parent);

2.1 行和列

一般来说,一个模型可以把它看做一个基本的表格来访问,这时呢,每个项可以通过行号和列号来定位。但这并不是说,底层数据是以某种固定数组结构存储,使用行号和列号进行访问只是一种方式,以确保各组件间可以香菇通信。
如:
image.png
行和列下标是从0开始的。
列表模型和表格模型,中的所有数据项都是以根项为父项的,所以这些数据项都可以被称为顶层数据项;在获取这些数据项的索引时,父项的索引可以用QModelIndex()表示。

  QModelIndex indexA = model->index(0, 0, QModelIndex());
  QModelIndex indexB = model->index(1, 1, QModelIndex());
  QModelIndex indexC = model->index(2, 1, QModelIndex());

2.2 父项

模型提供的类似表格的接口对于在表格或列表视图中使用数据非常理想;行和列号与视图显示项目的方式完全对应。
但是,像树视图这样的结构需要模型对项目内部公开一个更灵活的接口。因此,每个项目还可以是另一个项目表格的父项目,就像树视图中的顶级项目可以包含另一个项目列表一样。
当请求一个模型项目的索引时,必须提供一些关于项目父项的信息。在模型外部,唯一能引用项目的方式是通过模型索引,因此还必须给出一个父模型索引。

  QModelIndex index = model->index(row, column, parent);

如:
image.png

  QModelIndex indexA = model->index(0, 0, QModelIndex());
  QModelIndex indexC = model->index(2, 1, QModelIndex());
  QModelIndex indexB = model->index(1, 0, indexA);

2.4 ItemRole项角色

常量描述
Qt::DisplayRole0以文本形式呈现的关键数据。(QString类型)
Qt::DecorationRole1将以图标形式呈现为装饰的数据。(QColor、QIcon或QPixmap类型)
Qt::EditRole2适合在编辑器中编辑的表单中的数据。(QString类型)
Qt::ToolTipRole3项目工具提示中显示的数据。(QString类型)
Qt::StatusTipRole4状态栏中显示的数据。(QString类型)
Qt::WhatsThisRole5在“这是什么?”模式下显示的项目数据。(QString类型)
Qt::SizeHintRole13将提供给视图的项的大小提示。(QSize类型)

除此之外,还有其他itemRole:
如:

  • Qt::FontRole
  • Qt::TextAlignmentRole
  • Qt::BackgroundRole
  • Qt::BackgroundColorRole
  • Qt::ForegroundRole
  • Qt::TextColorRole
  • Qt::CheckStateRole
  • Qt::InitialSortOrderRole

等。

例如,Qt::DisplayRole 用于访问一个可以在视图中以文本形式显示的字符串。
通常,数据项包含多个不同角色的数据,标准角色由 Qt::ItemDataRole 定义。
因此可以通过传递与数据项对应的模型索引,并指定所需数据的角色,来向模型请求项目的数据:

  QVariant value = model->data(index, role);

大多数常见的数据项用法都被定义在 Qt::ItemDataRole 中的标准角色中。通过为每个角色提供适当的数据项,模型可以向视图和委托提供关于如何展示项目给用户的提示。不同类型的视图可以根据需要解析或忽略这些信息。还可以定义其他角色以用于特定于应用程序的目的。

    QListView* pLV = new QListView();
    QStringListModel* pModel = new QStringListModel(pLV);
    pLV->setModel(pModel);
    QStringList list;
    list << "a" << "b" << "c";

    pModel->setData(pModel->index(0, 0), "hello", Qt::EditRole);
    qDebug().noquote() <<  pModel->index(0, 0).data(Qt::DisplayRole).toString(); // "hello"

2.5 示例

// 创建视图
    QTreeView* pTW = new QTreeView();
    // 创建模型
    QStandardItemModel* pModel = new QStandardItemModel(pTW);
    pTW->setModel(pModel);
    // 获取根项,根项是不可见的
    QStandardItem* pRootItem = pModel->invisibleRootItem();

    // 创建item0,并设置相关信息
    QStandardItem* pItem0 = new QStandardItem();
    pItem0->setText("text : hello");
    pItem0->setToolTip("tooltip : say hello");
    QPixmap pixmap(100, 60);
    pixmap.fill(Qt::blue);
    pItem0->setIcon(QIcon(pixmap));
    pRootItem->appendRow(pItem0);

    // 创建item1,并以item0为父项
    QStandardItem* pItem1 = new QStandardItem();
    pItem1->setText("text : world");
    pItem1->setToolTip("tooltip : say world");
    pixmap.fill(Qt::green);
    pItem1->setIcon(QIcon(pixmap));
    pItem0->appendRow(pItem1);

    // 创建item2,并以setData方式,根据角色值进行设置及显示数据
    QStandardItem* pItem2 = new QStandardItem();
    pixmap.fill(Qt::darkCyan);
    pItem2->setData("text : china", Qt::DisplayRole);
    pItem2->setData(QIcon(pixmap), Qt::DecorationRole);
    pItem2->setData("tooltip : say china", Qt::ToolTipRole);

    pItem1->appendRow(pItem2);

    setCentralWidget(pTW);

    pTW->expandAll();

    // 输出0,0
    QModelIndex rootIndex = pModel->index(0, 0, QModelIndex());
    qDebug().noquote() << "0,0 : " << pModel->index(0, 0, QModelIndex()).data().toString();
    qDebug().noquote() << "rowCount : " << pModel->rowCount();
    qDebug().noquote() << "rootIndex 0,0 : " << pModel->index(0, 0, rootIndex).data().toString();
    qDebug().noquote() << "rootIndex 0,0 ToolTip : " << pModel->data(pModel->index(0, 0, rootIndex), Qt::ToolTipRole).toString();

image.png
image.png
QStandardItemModel标准项模型提供了一个通用的模型来存储自定义的数据。
其内部的项由QStandartItem类提供,该类提供了很多方法;此外,还可以使用setData()方法指定ItemRole设置数据。
当使用模型索引获取模型中的数据项时,需要指定行、列和父项,当获取顶层项目时,父项可以用QModelIndex()表示。
如果一个数据项含有不同的角色值,获取时需要指定相应的角色值。

3. 自定义模型

当需要为一个数据结构创建一个新的模型时,当然要考虑使用哪种模型为数据提供接口。
如果数据结构为列表或表格,可以子类化QAbstractListModelQAbstractTableModel。因为这俩个抽象类提供了不错的默认实现。
如果数据结构表现为树结构,就需要子类化QAbstractItemModel.

以下是子类化QAbstractListModel的示例,包括编辑、插入、删除功能。
首先实现显示只读功能
需要实现以下函数:

    virtual int rowCount(const QModelIndex &parent = QModelIndex()) const;
    virtual QVariant data(const QModelIndex &index, int role = Qt::DisplayRole) const;

如果是表格,想显示表头,还需要实现以下函数:

    virtual QVariant headerData(int section, Qt::Orientation orientation,
                                int role = Qt::DisplayRole) const;

具体实现如下:
.h

#ifndef LISTMODELSUB_H
#define LISTMODELSUB_H

#include <QAbstractListModel>
#include <QStringList>

class C_ListModelSub : public QAbstractListModel
{
    Q_OBJECT
public:
    explicit C_ListModelSub(const QStringList& sl, QObject *parent = nullptr);

    virtual int rowCount(const QModelIndex &parent = QModelIndex()) const;
    virtual QVariant data(const QModelIndex &index, int role = Qt::DisplayRole) const;

    virtual QVariant headerData(int section, Qt::Orientation orientation,
                                int role = Qt::DisplayRole) const;

private:
    QStringList       m_sl;
};

#endif // LISTMODELSUB_H

.cpp

#include "ListModelSub.h"

C_ListModelSub::C_ListModelSub(const QStringList &sl, QObject *parent) : QAbstractListModel(parent)
{
    m_sl = sl;
}

int C_ListModelSub::rowCount(const QModelIndex &parent) const
{
    return m_sl.size();
}

QVariant C_ListModelSub::data(const QModelIndex &index, int role) const
{
    if(!index.isValid())
    {
        return QVariant();
    }
    if(index.row() == m_sl.size())
    {
        return QVariant();
    }
    if(role == Qt::DisplayRole)
    {
        return m_sl.at(index.row());
    }else{
        return QVariant();
    }
}

QVariant C_ListModelSub::headerData(int section, Qt::Orientation orientation, int role) const
{
    if(role != Qt::DisplayRole)
    {
        return QVariant();
    }
    if(orientation == Qt::Horizontal)
    {
        return QString("Col %1").arg(section);
    }else{
        return QString("Row %1").arg(section);
    }
}

显示如下:
image.png
接下来添加编辑功能:
要先实现编辑,需要实现virtual bool setData(const QModelIndex &index, const QVariant &value, int role = Qt::EditRole);Qt::ItemFlags flags(const QModelIndex &index) const Q_DECL_OVERRIDE;函数。
flags()委托创建编辑器前会检测项是否是可编辑的,模型必须得让委托知道项是可编辑的,因此返回一个标签来达到这个目的。
setData()为委托向模型设置数据提供了一个途径。
具体实现如下:

// .h
    virtual bool setData(const QModelIndex &index, const QVariant &value, int role = Qt::EditRole);
    Qt::ItemFlags flags(const QModelIndex &index) const Q_DECL_OVERRIDE;

// .cpp
bool C_ListModelSub::setData(const QModelIndex &index, const QVariant &value, int role)
{
    if(!index.isValid())
    {
        return QVariant();
    }
    if(Qt::EditRole == role || Qt::DisplayRole == role)
    {
        m_sl.replace(index.row(), value.toString());
	// 数据设置过后,发送信号
        emit dataChanged(index, index);
        return true;
    }
    return false;
}

Qt::ItemFlags C_ListModelSub::flags(const QModelIndex &index) const
{
    if(!index.isValid())
    {
        return Qt::ItemIsEnabled;
    }
    return QAbstractItemModel::flags(index) | Qt::ItemIsEditable;
}

image.png

再接下来就是删除和添加功能:
按照以上的思路,需要实现以下函数:

// .h
    virtual bool insertRows(int row, int count, const QModelIndex &parent = QModelIndex());
    virtual bool insertColumns(int column, int count, const QModelIndex &parent = QModelIndex());
    virtual bool removeRows(int row, int count, const QModelIndex &parent = QModelIndex());
    virtual bool removeColumns(int column, int count, const QModelIndex &parent = QModelIndex());

// .cpp
bool C_ListModelSub::insertRows(int row, int count, const QModelIndex &parent)
{
    beginInsertRows(QModelIndex(), row, row+count-1);
    for(int i = 0; i < count; ++i)
    {
        m_sl.insert(row, "helloworld");
    }

    endInsertRows();
    return true;
}

bool C_ListModelSub::insertColumns(int column, int count, const QModelIndex &parent)
{
    beginInsertColumns(QModelIndex(), column, column+count-1);
    for(int i = 0; i < count; ++i)
    {
        m_sl.insert(column, "helloworld");
    }

    endInsertColumns();
    return true;
}

bool C_ListModelSub::removeRows(int row, int count, const QModelIndex &parent)
{
    beginRemoveRows(QModelIndex(), row, row+count-1);
    for(int i = 0; i < count; ++i)
    {
        m_sl.removeAt(row);
    }

    endRemoveRows();
    return true;
}

bool C_ListModelSub::removeColumns(int column, int count, const QModelIndex &parent)
{
    beginRemoveColumns(QModelIndex(), column, column+count-1);
    for(int i = 0; i < count; ++i)
    {
        m_sl.removeAt(column);
    }

    endRemoveColumns();
    return true;
}

beginInsertRows()开始行插入操作。在子类中重新实现insertRows()时,必须在将数据插入模型的底层数据存储之前调用该函数。
endRemoveRows()完成后调用该函数。

结果如下:
image.png
image.png

4. 结论

经过以上,可以看到,模型类各种操作是对具体的数据的操作,为外部调用提供统一接口。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/329812.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

GPT APP的开发步骤

开发一个GPT&#xff08;Generative Pre-trained Transformer&#xff09; Store&#xff08;存储&#xff09;涉及到使用预训练的语言模型&#xff08;例如GPT-3&#xff09;来生成和管理内容。以下是一般的步骤&#xff0c;希望对大家有所帮助。北京木奇移动技术有限公司&…

云计算入门——Linux 命令行入门

云计算入门——Linux 命令行入门 前些天发现了一个人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;最重要的屌图甚多&#xff0c;忍不住分享一下给大家。点击跳转到网站。 介绍 如今&#xff0c;我们许多人都熟悉计算机&#xff08;台式机和笔记本电…

vscode 中配置 python 虚拟环境

vscode 中配置 python 虚拟环境 Start 在编写代码的过程中&#xff0c;我们经常会用到一些第三方依赖&#xff0c;帮助我们快速完成功能。在 Python 中&#xff0c;默认情况都是统一安装在全局环境中&#xff0c;但是这样伴随着电脑项目越来越多&#xff0c;不同项目对依赖的…

XTuner 大模型单卡低成本微调实战

1 概述 1.1 XTuner 一个大语言模型微调工具箱。由 MMRazor 和 MMDeploy 联合开发。 1.2 支持的开源LLM (2023.11.01) InternLM ✅Llama&#xff0c;Llama2ChatGLM2&#xff0c;ChatGLM3QwenBaichuan&#xff0c;Baichuan2…Zephyr 1.3 特色 &#x1f913; 傻瓜化&#xf…

pytest学习和使用-pytest如何进行分布式测试?(pytest-xdist)

1 什么是分布式测试&#xff1f; 在进行本文之前&#xff0c;先了解些基础知识&#xff0c;什么是分布式测试&#xff1f;分布式测试&#xff1a;是指通过局域网和Internet&#xff0c;把分布于不同地点、独立完成特定功能的测试计算机连接起来&#xff0c;以达到测试资源共享…

Ubuntu系统环境搭建(十三)——使用docker-compose安装redis

ubuntu环境搭建专栏&#x1f517;点击跳转 Ubuntu系统环境搭建&#xff08;十三&#xff09;——使用docker-compose安装redis 文章目录 Ubuntu系统环境搭建&#xff08;十三&#xff09;——使用docker-compose安装redis1.搭建文件夹2.docker-compose.yaml配置文件3.redis.co…

银河麒麟操作系统 v10 中离线安装 Docker

银河麒麟操作系统 v10 中离线安装 Docker 1. 查看系统版本2. 查看 Linux 内核版本&#xff08;3.10以上&#xff09;3. 查看 iptabls 版本&#xff08;1.4以上&#xff09;4. 判断处理器架构5. 离线下载 Docker 安装包6. 移动解压出来的二进制文件到 /usr/bin 目录中7. 配置 Do…

Shiro框架:Shiro用户访问控制鉴权流程-内置过滤器方式源码解析

目录 1.配置访问控制鉴权流程的2种方式 2.Shiro内置过滤器 3.权限控制流程解析 3.1 权限&#xff08;Permissions&#xff09;配置和初始化流程 3.1.1 通过filterChainDefinitionMap配置url权限 3.1.1.1 应用层配置方式 3.1.1.2 配置解析过程 3.1.1.2.1 FilterChainMan…

css3 纯代码案例

css3 纯代码案例 前言渐变之美1.1 纯CSS3实现的渐变背景1.2 使用多重颜色和方向打造丰富渐变效果1.3 渐变色停留动画的巧妙运用 纯CSS图形绘制2.1 使用border属性制作三角形、梯形等形状伪类箭头图标2.2 利用transform创建旋转、缩放的图形 浮动的阴影敲代码css准备reset 样式复…

电商平台spu和sku的完整设计

一、关于数据库表的设计 1、商品属性表 比如一个衣服有颜色、尺码、款式这个叫属性表 -- ------------------------ -- 商品属性表 -- ------------------------ DROP TABLE IF EXISTS attribute; CREATE TABLE attribute (id int(11) NOT NULL PRIMARY KEY AUTO_INCREMENT CO…

Maven工程 — 继承与聚合 相关知识点详解

简介&#xff1a;这篇帖子主要讲解Maven工程中的继承与聚合的相关知识点&#xff0c;用简洁的语言和小编自己的理解&#xff0c;深入浅出的说明Maven工程的继承与聚合。 目录 1、继承 1.1 继承关系的实现 1.2 版本锁定 2、聚合 2.1 聚合方法 3、总结 1、继承 图 1-1 继承…

阿里云国外服务器价格购买与使用策略

阿里云国外服务器优惠活动「全球云服务器精选特惠」&#xff0c;国外服务器租用价格24元一个月起&#xff0c;免备案适合搭建网站&#xff0c;部署独立站等业务场景&#xff0c;阿里云服务器网aliyunfuwuqi.com分享阿里云国外服务器优惠活动&#xff1a; 全球云服务器精选特惠…

Vue3在点击菜单切换路由时,将页面el-main的内容滚动到顶部

功能&#xff1a;Vue3在点击菜单切换路由时&#xff0c;将页面el-main的内容滚动到顶部&#xff0c;布局如下&#xff0c;使用ui组件为ElementPlus 在网上搜很多都是在route.js中的router.beforeEach中使用window.scrollTop(0,0) 或 window.scrollTo(0,0) 滚动&#xff0c;但是…

springboot-简单测试 前端上传Excel表格后端解析数据

导入依赖 <dependency><groupId>org.apache.poi</groupId><artifactId>poi</artifactId><version>5.2.2</version></dependency><dependency><groupId>org.apache.poi</groupId><artifactId>poi-ooxm…

uni-app的数据缓存

数据缓存uni.setStorage 将数据存储在本地缓存中指定的 key 中&#xff0c;会覆盖掉原来该 key 对应的内容&#xff0c;这是一个异步接口。 参数名类型必填说明keyString是本地缓存中的指定的 keydataAny是需要存储的内容&#xff0c;只支持原生类型、及能够通过 JSON.string…

vite和webpack的区别和作用

前言 Vite 和 Webpack 都是现代化的前端构建工具&#xff0c;它们可以帮助开发者优化前端项目的构建和性能。虽然它们的目标是相似的&#xff0c;但它们在设计和实现方面有许多不同之处。 一、Vite详解和作用 vite 是什么 vite —— 一个由 vue 作者尤雨溪开发的 web 开发工…

ArcGIS Pro 标注牵引线问题

ArcGIS Pro 标注 模仿CAD坐标牵引线问题 右键需要标注的要素&#xff0c;进入标注属性。 选择背景样式 在这里有可以选择的牵引线样式 选择这一个&#xff0c;可以根据调整间距来进行模仿CAD标注样式。 此图为cad样式 此为调整后gis样式 此处可以调整牵引线的样式符号 …

【NodeJS】nodejs后端渲染html

背景 Node.js 后端渲染 HTML 在提高网站性能、优化用户体验、简化前端开发流程以及提升内容可抓取性等方面都具有显著的价值。这种模式特别适用于那些不需要复杂交互的网站&#xff0c;例如博客、产品页面或者一些信息发布平台等。然而&#xff0c;对于需要高度交互和动态用户…

华为路由设备DHCPV6配置

组网需求 如果大量的企业用户IPv6地址都是手动配置&#xff0c;那么网络管理员工作量大&#xff0c;而且可管理性很差。管理员希望实现公司用户IPv6地址和网络配置参数的自动获取&#xff0c;便于统一管理&#xff0c;实现IPv6的层次布局。 图1 DHCPv6服务器组网图 配置思路 …

海外软文发稿:谷歌关键词排名与社交媒体互动的联动-大舍传媒

海外软文发稿&#xff1a;谷歌关键词排名与社交媒体互动的联动-大舍传媒 在当今数字化社会&#xff0c;搜索引擎优化&#xff08;SEO&#xff09;已经成为网站蓬勃发展的关键因素。然而&#xff0c;在谷歌这样的搜索引擎中&#xff0c;关键词排名仅仅是成功的一部分。社交媒体…