百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术分类 > 正文

Qt QTableView

ztj100 2025-02-26 14:45 30 浏览 0 评论

TableView

表格视图控件QTableView,需要和QStandardItemModel, 配套使用,这套框架是基于MVC设计模式设计的,M(Model)是QStandardItemModel数据模型,

不能单独显示出来。V(view)是指QTableView视图,要来显示数据模型,C(controllor)控制在Qt中被弱化,与View合并到一起。

文章最后为大家准备了Qt资料

????????????????????????????

1 QTableView简单应用

QStandardItmeModel表格的数据模型,那么这个模型需要填上每一行每一列的数据,就像execl表格一样。

widget.h

#ifndef WIDGET_H
#define WIDGET_H

#include 
class Widget : public QTableView //继承至QTableView
{
    Q_OBJECT
public:
    Widget(QWidget *parent = 0);
    ~Widget();
};
#endif // WIDGET_H

widget.cpp

#include "widget.h"
#include 
#include 
Widget::Widget(QWidget *parent)
    : QTableView(parent)
{
   QStandardItemModel* model = new QStandardItemModel(this);
   model->setItem(0, 0, new QStandardItem("张三"));
   model->setItem(0, 1, new QStandardItem("3"));
   model->setItem(0, 2, new QStandardItem("男"));
   this->setModel(model);
}

Widget::~Widget()
{

}

以上代码实现了在model中添加一条数据,然后通过setModel函数设置view的数据模型为model,显示出来,如图:

2 修改行列字段名

修改字段名可以使用
QStandardItemModel::setHeaderData
,但是在这之前你需要调用
QStandardItemModel::setColumnCount

QStandardItemModel::setRowCount
,例如:

Widget::Widget(QWidget *parent)
    : QTableView(parent)
{
   QStandardItemModel* model = new QStandardItemModel(this);
   /*设置列字段名*/
   model->setColumnCount(3);
   model->setHeaderData(0,Qt::Horizontal, "姓名");
   model->setHeaderData(1,Qt::Horizontal, "年龄");
   model->setHeaderData(2,Qt::Horizontal, "性别");
   /*设置行字段名*/
   model->setRowCount(3);
   model->setHeaderData(0,Qt::Vertical, "记录一");
   model->setHeaderData(1,Qt::Vertical, "记录二");
   model->setHeaderData(2,Qt::Vertical, "记录三");

   /*设置一条数据*/
   model->setItem(0, 0, new QStandardItem("张三"));
   model->setItem(0, 1, new QStandardItem("3"));
   model->setItem(0, 2, new QStandardItem("男"));
   this->setModel(model);
}

把1中的构造函数换为以上代码,运行即可得出下图:

3 移除数据

移除数据的常用函数有:

/*移除某行数据*/
bool QAbstractItemModel::removeRow(int row, const QModelIndex &parent = QModelIndex()) 
/*移除某列数据*/
bool QAbstractItemModel::removeColumn(int column, const QModelIndex &parent = QModelIndex())

例如:

model->removeRow(0);//移除第0行数据
model->removeColumn(0);//移除第0列数据

4 插入数据

插入一行数据:

void QStandardItemModel::insertRow(int row, const QList &items)
/*
* row 表示从第几行插入数据
* items 表示要插入的数据QStandardItem对象
*/

例如:

QList list;
list << new QStandardItem("王五") << new QStandardItem("22") << new QStandardItem("男");
model->insertRow(0, list); //在第0行插入一条记录

5 数据变更信号处理

当QStandardModel中的数据被更改的时候,会发射出dataChanged信号:

[signal] void QAbstractItemModel::dataChanged(const QModelIndex &topLeft, const QModelIndex &bottomRight, const QVector &roles = QVector ());

/*
*topLeft bottomRight这两索引指的是表格中被更改数据的区域,如果只有一个数据被更改,那么topLeft等于bottomRight
*/

例如:

widget.h

#ifndef WIDGET_H
#define WIDGET_H?
#include 
class QStandardItemModel;
class Widget : public QTableView
{
    Q_OBJECT
public slots:
    void dataChangedSlot(const QModelIndex &topLeft, const QModelIndex &bottomRight,
                         const QVector &roles = QVector ());
public:
    Widget(QWidget *parent = 0);
    QStandardItemModel* model;
    ~Widget();
};
#endif // WIDGET_H

widget.cpp

#include "widget.h"
#include 
#include 
Widget::Widget(QWidget *parent)
    : QTableView(parent)
{
   model = new QStandardItemModel(this);
   model->setColumnCount(3);
   model->setHeaderData(0,Qt::Horizontal, "姓名");
   model->setHeaderData(1,Qt::Horizontal, "年龄");
   model->setHeaderData(2,Qt::Horizontal, "性别");
   model->setRowCount(3);
   model->setHeaderData(0,Qt::Vertical, "记录一");
   model->setHeaderData(1,Qt::Vertical, "记录二");
   model->setHeaderData(2,Qt::Vertical, "记录三");
   model->setItem(0, 0, new QStandardItem("张三"));
   model->setItem(0, 1, new QStandardItem("3"));
   model->setItem(0, 2, new QStandardItem("男"));
   connect(model, SIGNAL(dataChanged(QModelIndex,QModelIndex,QVector)), this, SLOT(dataChangedSlot(QModelIndex,QModelIndex,QVector)));
   this->setModel(model);
}
void Widget::dataChangedSlot(const QModelIndex &topLeft, const QModelIndex &bottomRight, const QVector &roles)
{
    qDebug() << model->data(topLeft).toString() << endl;
}
Widget::~Widget()
{
}

需要知道的是函数data可以获取想要的QStandardItem对象的索引:

[pure virtual] QVariant QAbstractItemModel::data(const QModelIndex &index, int role = Qt::DisplayRole) const

返回的QVariant对象是一种泛型变量,可以转换成QString、int、double等数据类型。

6 常用函数

 //默认显示行头,如果你觉得不美观的话,我们可以将隐藏        
tableview->verticalHeader()->hide();      

 //设置选中时为整行选中        
tableview->setSelectionBehavior(QAbstractItemView::SelectRows);         
   
 //设置表格的单元为只读属性,即不能编辑        
tableview->setEditTriggers(QAbstractItemView::NoEditTriggers);  

//返回一个被选中的所有Item的索引,一般是去遍历这个链表进行处理
[virtual protected] QModelIndexList QTableView::selectedIndexes() const

7 QStandardItem被点选信号

当QStandardItemModel中的某个QStandardItem被点选后,QStandardItemModel对象会发出一个信号:

void QAbstractItemView::clicked(const QModelIndex &index);
/*
*返回被点选的Item的索引
*/

8 QItemDelegate代理

QTableView在处理信息显示编辑的时候比较单调,类似行编辑器,为了获得更多的灵性性,交互通过QItemDelegate执行。

? 下面通过派生一个SpinDelegate来实现一个整数旋转框的代理器。

? 一般我们要重写函数createEditor:

[virtual] QWidget *QItemDelegate::createEditor(QWidget *parent, const QStyleOptionViewItem &option, const QModelIndex &index) const
/*
*QWidget *parent一般是指哪个窗口使用了这个代理,一般用来托管内存
* QStyleOptionViewItem &option 样式风格
* const QModelIndex &index 需要更改的Item索引
*/

widget.h

#ifndef WIDGET_H
#define WIDGET_H
#include 

class QStandardItemModel;

class Widget : public QTableView
{
    Q_OBJECT
public slots:
    void dataChangedSlot(const QModelIndex &topLeft, const QModelIndex &bottomRight,
                         const QVector &roles = QVector ());
public:
    Widget(QWidget *parent = 0);
    QStandardItemModel* model;
    ~Widget();
};

#endif

widget.cpp

#include "widget.h"
#include "spindelegate.h"
#include 
#include 

Widget::Widget(QWidget  *parent)
    : QTableView(parent)
{
    model = new QStandardItemModel(this);
    //设置列字段名
    model->setColumnCount(3);
    model->setHeaderData(0,Qt::Horizontal,"姓名");
    model->setHeaderData(1,Qt::Horizontal,"年龄");
    model->setHeaderData(2,Qt::Horizontal,"性别");
    //设置行字段名
    model->setRowCount(3);
    model->setHeaderData(0,Qt::Vertical, "记录一");
    model->setHeaderData(1,Qt::Vertical, "记录二");
    model->setHeaderData(2,Qt::Vertical, "记录三");
    //设置一条数据
    model->setItem(0, 0, new QStandardItem("张三"));
    model->setItem(0, 1, new QStandardItem("3"));
    model->setItem(0, 2, new QStandardItem("男"));
    this->setModel(model);
    //设置代理
    this->setItemDelegate(new SpinDelegate(this));
    connect(model, SIGNAL(dataChanged(QModelIndex,QModelIndex,QVector)),
            this,SLOT(dataChangedSlot(QModelIndex,QModelIndex,QVector)));
    this->setModel(model);

}

void Widget::dataChangedSlot(const QModelIndex &topLeft, const QModelIndex &bottomRight, const QVector &roles)
{
    qDebug() << model->data(topLeft).toString() << endl;
}
Widget::~Widget()
{
}

spinDelegate.h

#ifndef SPINDELEGATE_H
#define SPINDELEGATE_H
#include 

class SpinDelegate : public QItemDelegate
{
public:
    SpinDelegate(QObject *parent = Q_NULLPTR);
    QWidget* createEditor(QWidget *parent, const QStyleOptionViewItem &option, const QModelIndex &index) const;
};

#endif // SPINDELEGATE_H

spinDelegate.cpp

#include "spindelegate.h"
#include 
SpinDelegate::SpinDelegate(QObject *parent): QItemDelegate(parent)
{

}
QWidget* SpinDelegate::createEditor(QWidget *parent, const QStyleOptionViewItem &option,
                                    const QModelIndex &index) const
{
    if(index.column() == 1) // 返回下拉框
    {
       QSpinBox* box = new QSpinBox(parent);
       box->setMinimum(1);
       box->setMaximum(99);
       return box;
    }

    return QItemDelegate::createEditor(parent, option, index);
}

Qt学习路线:Qt开发技术栈

Qt学习资料:「链接」

相关推荐

Vue3非兼容变更——函数式组件(vue 兼容)

在Vue2.X中,函数式组件有两个主要应用场景:作为性能优化,因为它们的初始化速度比有状态组件快得多;返回多个根节点。然而在Vue3.X中,有状态组件的性能已经提高到可以忽略不计的程度。此外,有状态组...

利用vue.js进行组件化开发,一学就会(一)

组件原理/组成组件(Component)扩展HTML元素,封装可重用的代码,核心目标是为了可重用性高,减少重复性的开发。组件预先定义好行为的ViewModel类。代码按照template\styl...

Vue3 新趋势:10 个最强 X 操作!(vue.3)

Vue3为前端开发带来了诸多革新,它不仅提升了性能,还提供了...

总结 Vue3 组件管理 12 种高级写法,灵活使用才能提高效率

SFC单文件组件顾名思义,就是一个.vue文件只写一个组件...

前端流行框架Vue3教程:17. _组件数据传递

_组件数据传递我们之前讲解过了组件之间的数据传递,...

前端流行框架Vue3教程:14. 组件传递Props效验

组件传递Props效验Vue组件可以更细致地声明对传入的props的校验要求...

前端流行框架Vue3教程:25. 组件保持存活

25.组件保持存活当使用...

5 个被低估的 Vue3 实战技巧,让你的项目性能提升 300%?

前端圈最近都在卷性能优化和工程化,你还在用老一套的Vue3开发方法?作为摸爬滚打多年的老前端,今天就把私藏的几个Vue3实战技巧分享出来,帮你在开发效率、代码质量和项目性能上实现弯道超车!一、...

绝望!Vue3 组件频繁崩溃?7 个硬核技巧让性能暴涨 400%!

前端的兄弟姐妹们五一假期快乐,谁还没在Vue3项目上栽过跟头?满心欢喜写好的组件,一到实际场景就频频崩溃,页面加载慢得像蜗牛,操作卡顿到让人想砸电脑。用户疯狂吐槽,领导脸色难看,自己改代码改到怀疑...

前端流行框架Vue3教程:15. 组件事件

组件事件在组件的模板表达式中,可以直接使用...

Vue3,看这篇就够了(vue3 从入门到实战)

一、前言最近很多技术网站,讨论的最多的无非就是Vue3了,大多数都是CompositionAPI和基于Proxy的原理分析。但是今天想着跟大家聊聊,Vue3对于一个低代码平台的前端更深层次意味着什么...

前端流行框架Vue3教程:24.动态组件

24.动态组件有些场景会需要在两个组件间来回切换,比如Tab界面...

前端流行框架Vue3教程:12. 组件的注册方式

组件的注册方式一个Vue组件在使用前需要先被“注册”,这样Vue才能在渲染模板时找到其对应的实现。组件注册有两种方式:全局注册和局部注册...

焦虑!Vue3 组件频繁假死?6 个奇招让页面流畅度狂飙 500%!

前端圈的朋友们,谁还没在Vue3项目上踩过性能的坑?满心期待开发出的组件,一到高并发场景就频繁假死,用户反馈页面点不动,产品经理追着问进度,自己调试到心态炸裂!别以为这是个例,不少人在电商大促、数...

前端流行框架Vue3教程:26. 异步组件

根据上节课的代码,我们在切换到B组件的时候,发现并没有网络请求:异步组件:...

取消回复欢迎 发表评论: