(四十一)视图中的委托

最新推荐文章于 2022-02-11 06:19:21 发布

早起的虫儿灬

最新推荐文章于 2022-02-11 06:19:21 发布

阅读量354

点赞数

分类专栏： Qt

本文链接：https://blog.csdn.net/hello_world_lvlcoder/article/details/60096702

版权

Qt 专栏收录该内容

48 篇文章 3 订阅

订阅专栏

视图与委托

1、委托是视图的一部分，需要承担数据显示的部分工作

2、视图负责确定数据的显示方式(列表、表格、树形)

3、委托负责具体数据项的显示和编辑(数据项值、编辑器)

4、视图和委托共同完成数据显示功能和数据编辑功能

1、在视图setItemDelegate()时，将参数设置为NULL，即取消视图的委托，运行时，仍能看出视图是以怎样的方式显示数据的(能分别是列表、表格、还是树形)，甚至能显示出模型的HeaderLabel，但是不能显示具体的数据项，双击也不会出现编辑框，也就是不能编辑数据项。

2、注释掉委托的paint()成员函数的函数体，运行时，现象与1类似，不同的地方在于，虽不能显示具体数据项，但能显示数据项的外围线条，双击也会出现编辑框，并能编辑数据项

改变视图中数据项的显示方式

自定义委托的默认数据项显示方式

1、重写paint ()成员函数

2、在paint ()中自定义数据项显示方式

3、重写editorEvent()成员函数

4、在editorEvent()中处理交互事件

定义数据项显示方式

//伪代码

void CustomizedItemDelegate::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index)const
{
    if( /* 数据项满足自定义显示条件 */)
    {
        //1. 根据索引参数获取模型中的数据
       
        //2. 定义绘制参数对象
        QStyleOptionXXXX xxxxOption;
       
        //3. 设置具体参数到xxxxOption对象
       
        //4. 根据参数对象xxxxOption绘制数据显示方式
       QApplication::style()->drawControl(QStyle::CE_XXXX,
                                           &xxxxOption,
                                          painter);       
    }
    else
    {
        QItemDelegate::paint(painter, option,index);
    }
}

处理交互事件

//伪代码

boolCustomizedItemDelegate::editorEvent(QEvent *event, QAbstractItemModel *model,const QStyleOptionViewItem &option, const QModelIndex &index)    
{
   bool ret = true;
        
   if( /* 数据项满足自定义显示条件 */)        
    {       
                   //1.转换事件event类型
       
       if( /* 发生事件的具体类型满足并在option内*/)
       {       
                   //2.根据index去模型中取数据
 
                   //3.修改数据并返回模型
 
       }
    }
   else 
    {
       ret = QItemDelegate::editorEvent(event, model, option, index);
    }
 
   return ret;                 //表明已经处理
}

一、

//CustomizedItemDelegate.h

#ifndef CUSTOMIZEDITEMDELEGATE_H
#define CUSTOMIZEDITEMDELEGATE_H
 
#include <QItemDelegate>
#include <QModelIndex>
 
class CustomizedItemDelegate : publicQItemDelegate
{
   Q_OBJECT
 
public:
   explicit CustomizedItemDelegate(QObject *parent = 0);
   QWidget* createEditor(QWidget *parent, const QStyleOptionViewItem&option, const QModelIndex &index) const;
   void updateEditorGeometry(QWidget *editor, const QStyleOptionViewItem&option, const QModelIndex &index) const;
   void setEditorData(QWidget *editor, const QModelIndex &index) const;
   void setModelData(QWidget *editor, QAbstractItemModel *model, constQModelIndex &index) const;
   void paint(QPainter *painter, const QStyleOptionViewItem &option,const QModelIndex &index) const;
   bool editorEvent(QEvent *event, QAbstractItemModel *model, constQStyleOptionViewItem &option, const QModelIndex &index);
};
 
#endif // CUSTOMIZEDITEMDELEGATE_H

// CustomizedItemDelegate.cpp

#include"CustomizedItemDelegate.h"
#include <QComboBox>
#include <QMouseEvent>
#include <QApplication>
#include <QDebug>
 
CustomizedItemDelegate::CustomizedItemDelegate(QObject*parent) :
   QItemDelegate(parent)
{
 
}
 
QWidget*CustomizedItemDelegate::createEditor(QWidget *parent, constQStyleOptionViewItem &option, const QModelIndex &index) const
{
   QWidget* ret = NULL;
         //要修数据类型为BOOL类型的数据项编辑器的默认显示方式，因此此处就不创建对应的编辑器，而是在重写的paint()函数处理BOOL
   if( index.data().type() == QVariant::Char )
    {
       QComboBox* cb = new QComboBox(parent);
 
       cb->addItem("A");
       cb->addItem("B");
       cb->addItem("C");
       cb->addItem("D");
 
       ret = cb;
    }
   else
    {
       ret = QItemDelegate::createEditor(parent, option, index);
    }
 
   return ret;
}
 
voidCustomizedItemDelegate::updateEditorGeometry(QWidget *editor, constQStyleOptionViewItem &option, const QModelIndex &index) const
{
   editor->setGeometry(option.rect);
}
 
voidCustomizedItemDelegate::setEditorData(QWidget *editor, const QModelIndex&index) const
{
   if( index.data().type() == QVariant::Char )
    {
       QComboBox* cb = dynamic_cast<QComboBox*>(editor);
 
       if( cb != NULL )
       {
           for(int i=0; i<cb->count(); i++)
           {
                if( cb->itemText(i) ==index.data().toString() )
                {
                    cb->setCurrentIndex(i);
                    break;
                }
           }
       }
    }
   else
    {
       QItemDelegate::setEditorData(editor, index);
    }
}
 
voidCustomizedItemDelegate::setModelData(QWidget *editor, QAbstractItemModel*model, const QModelIndex &index) const
{
   if( index.data().type() == QVariant::Char )
    {
       QComboBox* cb = dynamic_cast<QComboBox*>(editor);
 
       if( cb != NULL )
       {
           model->setData(index, cb->currentText().at(0), Qt::DisplayRole);
       }
    }
   else
    {
       QItemDelegate::setModelData(editor, model, index);
    }
}
//自定义数据显示方式
void CustomizedItemDelegate::paint(QPainter*painter, const QStyleOptionViewItem &option, const QModelIndex &index)const
{
   if( index.data().type() == QVariant::Bool )       
    {
       bool data = index.data(Qt::DisplayRole).toBool(); 
       QStyleOptionButton checkBoxStyle;        //QStyleOptionButton类对象用于描述button的属性信息
 
       checkBoxStyle.state = data ? QStyle::State_On : QStyle::State_Off;      //根据data值设置是否选中
       checkBoxStyle.state |= QStyle::State_Enabled;      //可操作属性
       checkBoxStyle.rect = option.rect;   //option保存当前数据项在视图中的外观信息，这里是使用数据项大小
       checkBoxStyle.rect.setX(option.rect.x() + option.rect.width() / 2 - 6);   //设置rect的x坐标
 
       QApplication::style()->drawControl(QStyle::CE_CheckBox,&checkBoxStyle, painter); //调用构造函数style()得到保存有跟操作系统风格相关的对象，再绘制控件，绘制对象时CheckBox
    }
   else
    {
       QItemDelegate::paint(painter, option, index);
    }
}
//处理交互事件
bool CustomizedItemDelegate::editorEvent(QEvent*event, QAbstractItemModel *model, const QStyleOptionViewItem &option,const QModelIndex &index)    
{
   bool ret = true;
         //index就是代表的正在被操作的数据项的
   if( index.data().type() == QVariant::Bool )
    {       
       QMouseEvent* mouseEvent = dynamic_cast<QMouseEvent*>(event);       
                  
       if( (event->type() == QEvent::MouseButtonPress) &&option.rect.contains(mouseEvent->pos()) )
       {       
           bool data = index.data(Qt::DisplayRole).toBool(); //去模型中的数据
 
           qDebug() << "set model data: " << !data;
           qDebug() << model->setData(index, !data, Qt::DisplayRole);        //取反后存入模型
       }
    }
   else  //默认处理，一定要有默认处理的分支，否则其他数据类型的值将不会显示
    {
       ret = QItemDelegate::editorEvent(event, model, option, index);
    }
 
   return ret;                 //表明已经被处理
}

//Widget.h

#ifndef WIDGET_H
#define WIDGET_H
 
#include <QtGui/QWidget>
#include <QTableView>
#include <QStandardItemModel>
#include"CustomizedItemDelegate.h"
 
class Widget : public QWidget
{
   Q_OBJECT
   
   QTableView m_view;
   QStandardItemModel m_model;
   CustomizedItemDelegate m_delegate;
 
   void initView();
   void initModel();
 
public:
   Widget(QWidget* parent = 0);
   ~Widget();
};
 
#endif // WIDGET_H

//Widget,cpp

#include "Widget.h"
#include <QStandardItem>
#include <QModelIndex>
#include <QStringList>
#include <QDebug>
 
Widget::Widget(QWidget* parent) :QWidget(parent)
{
   initView();
   initModel();
 
   m_view.setModel(&m_model);       //关联视图模型
 
   for(int i=0; i<m_model.columnCount(); i++)
    {
       m_view.setColumnWidth(i, 125);
    }
}
 
void Widget::initView()
{
   m_view.setParent(this);
   m_view.move(10, 10);
   m_view.resize(500, 200);
   m_view.setItemDelegate(&m_delegate);      //设置委托
}
 
void Widget::initModel()
{
   QStandardItem* root = m_model.invisibleRootItem();
   QStringList hl;
   QStandardItem* itemA1 = new QStandardItem();
   QStandardItem* itemB1 = new QStandardItem();
   QStandardItem* itemC1 = new QStandardItem();
   QStandardItem* itemA2 = new QStandardItem();
   QStandardItem* itemB2 = new QStandardItem();
   QStandardItem* itemC2 = new QStandardItem();
 
   hl.append("Language");
   hl.append("Level");
   hl.append("Script");
 
   m_model.setHorizontalHeaderLabels(hl);
 
   itemA1->setData("Delphi", Qt::DisplayRole);
   itemB1->setData(QChar('A'), Qt::DisplayRole);
   itemC1->setData(false, Qt::DisplayRole);
 
   itemA2->setData("Perl", Qt::DisplayRole);
   itemB2->setData(QChar('B'), Qt::DisplayRole);
   itemC2->setData(true, Qt::DisplayRole);
 
   root->setChild(0, 0, itemA1);
   root->setChild(0, 1, itemB1);
   root->setChild(0, 2, itemC1);
   root->setChild(1, 0, itemA2);
   root->setChild(1, 1, itemB2);
   root->setChild(1, 2, itemC2);
}
 
Widget::~Widget()
{
   
}

二、

//main.cpp

#include <QtGui/QApplication>
#include "Widget.h"
 
int main(int argc, char *argv[])
{
   QApplication a(argc, argv);
   Widget w;
   w.show();
   
   return a.exec();
}

//Widget.h

#ifndef WIDGET_H
#define WIDGET_H
 
#include <QtGui/QWidget>
#include <QTableView>
#include <QStandardItemModel>
#include <QTimer>
#include"CustomizedItemDelegate.h"
 
class Widget : public QWidget
{
   Q_OBJECT
   
   QTableView m_view;
   QStandardItemModel m_model;
   CustomizedItemDelegate m_delegate;
   QTimer m_timer;//通过定时器模拟任务进度
 
   void initView();
   void initModel();
private slots:
   void timerTimeout();
public:
   Widget(QWidget* parent = 0);
   ~Widget();
};
 
#endif // WIDGET_H

//Widget.cpp

#include "Widget.h"
#include <QStandardItem>
#include <QModelIndex>
#include <QStringList>
#include <QModelIndex>
#include <QDebug>
 
Widget::Widget(QWidget* parent) :QWidget(parent)
{
   initView();
   initModel();
 
   m_view.setModel(&m_model);       //关联视图模型
 
   for(int i=0; i<m_model.columnCount(); i++)
    {
       m_view.setColumnWidth(i, 200);
    }
 
   connect(&m_timer, SIGNAL(timeout()), this, SLOT(timerTimeout()));
 
   m_timer.setParent(this);         //父子关系
   m_timer.start(500);                  //每隔500秒发送一次timeout
}
 
void Widget::initView()
{
   m_view.setParent(this);
   m_view.move(10, 10);
   m_view.resize(500, 200);
   m_view.setItemDelegate(&m_delegate);               //设置委托
}
 
void Widget::initModel()
{
   QStandardItem* root = m_model.invisibleRootItem();
   QStringList hl;
   QStandardItem* itemA1 = new QStandardItem();
   QStandardItem* itemB1 = new QStandardItem();
   QStandardItem* itemA2 = new QStandardItem();
   QStandardItem* itemB2 = new QStandardItem();
 
   hl.append("Task");
   hl.append("Progress");
 
   m_model.setHorizontalHeaderLabels(hl);
 
   itemA1->setData("Delphi", Qt::DisplayRole);
   itemB1->setData(70, Qt::DisplayRole);
 
   itemA2->setData("Perl", Qt::DisplayRole);
   itemB2->setData(60, Qt::DisplayRole);
 
   root->setChild(0, 0, itemA1);
   root->setChild(0, 1, itemB1);
   root->setChild(1, 0, itemA2);
   root->setChild(1, 1, itemB2);
}
 
void Widget::timerTimeout()
{
   QModelIndex i1 = m_model.index(0, 1, QModelIndex());        //首先获取模型索引
   QModelIndex i2 = m_model.index(1, 1, QModelIndex());
   QVariant v1 = (i1.data().toInt() + 1) % 100;               //控制值的范围
   QVariant v2 = (i2.data().toInt() + 3) % 100;
 
   m_model.setData(i1, v1, Qt::DisplayRole);             //将值设置会模型
   m_model.setData(i2, v2, Qt::DisplayRole);
}
 
Widget::~Widget()
{
   
}

//CustomizedItemDelegate.h

#ifndef CUSTOMIZEDITEMDELEGATE_H
#define CUSTOMIZEDITEMDELEGATE_H
 
#include <QItemDelegate>
 
class CustomizedItemDelegate : publicQItemDelegate
{
   Q_OBJECT
public:
   explicit CustomizedItemDelegate(QObject *parent = 0);
   void paint(QPainter *painter, const QStyleOptionViewItem &option,const QModelIndex &index) const;
   bool editorEvent(QEvent *event, QAbstractItemModel *model, constQStyleOptionViewItem &option, const QModelIndex &index);
};
 
#endif // CUSTOMIZEDITEMDELEGATE_H

//CustomizedItemDelegate.cpp

#include"CustomizedItemDelegate.h"
#include <QApplication>
#include <QEvent>
 
CustomizedItemDelegate::CustomizedItemDelegate(QObject*parent) :
   QItemDelegate(parent)
{
}
 
void CustomizedItemDelegate::paint(QPainter*painter, const QStyleOptionViewItem &option, const QModelIndex &index)const
{
   if( index.data().type() == QVariant::Int )
    {
       const int DELTA = 4;
       int progress = index.data().toInt();
       QStyleOptionProgressBar progressBarOption;      
       int top = option.rect.top() + DELTA;                   //调整进度条大小
       int left = option.rect.left() + DELTA;
       int width = option.rect.width() -2 * DELTA;
       int height = option.rect.height() - 2 * DELTA;
 
       progressBarOption.rect = QRect(left, top, width, height);
       progressBarOption.minimum = 0;                    
       progressBarOption.maximum = 100;
        progressBarOption.progress = progress;        //设置进度值
       progressBarOption.textVisible = true;    //绘制进度条同时绘制文本信息
       progressBarOption.text = QString().sprintf("%d", progress) +"%";       //设置绘制的文本的内容
       progressBarOption.textAlignment = Qt::AlignCenter;   //设置文本居中显示
 
       QApplication::style()->drawControl(QStyle::CE_ProgressBar,&progressBarOption, painter);
    }
   else
    {
       QItemDelegate::paint(painter, option, index);
    }
}
 
boolCustomizedItemDelegate::editorEvent(QEvent *event, QAbstractItemModel *model,const QStyleOptionViewItem &option, const QModelIndex &index)
{
   bool ret = true;
 
   if( event->type() != QEvent::MouseButtonDblClick )       //禁止编辑操作
    {
       ret = QItemDelegate::editorEvent(event, model, option, index);
    }
 
   return ret;
}

在实际工程项目中，可以使用后台线程根据实际的任务情况更新模型中的数据，从而更新数据的界面显示。

声明:
此文根据狄泰学院唐老师的《QT实验分析教程》创作，并根据自身理解对其进行了少许的扩展

早起的虫儿灬

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
(四十一)视图中的委托

视图与委托1、委托是视图的一部分，需要承担数据显示的部分工作2、视图负责确定数据的显示方式(列表、表格、树形)3、委托负责具体数据项的显示和编辑(数据项值、编辑器)4、视图和委托共同完成数据显示功能和数据编辑功能 /*1、在视图setItemDelegate()时，将参数设置为NULL，即取消视图的委托，运行时，仍能看出视图是以怎样的方式显示数据的(能分
复制链接

扫一扫