首页 > 代码库 > QT MVC 技术Model/View初探

QT MVC 技术Model/View初探

 

Model/View实现表格技术


[+]

一、简介

       Model/View结构使数据管理与相应的数据显示相互独立,并提供了一系列标准的函数接口和用于Model模块与View模块之间的通信。它从MVC演化而来,MVC由三种对象组成,Model是应用程序对象,View是它的屏幕表示,Controller定义了用户界面如何对用户输入进行响应。把MVC中的View和Controller合在一起,就形成了Model/View结构。

二、运行图

(1)为了灵活对用户的输入进行处理,引入了Delegate,Model、View、Delegate三个模块之间通过信号与槽机制实现,当自身的状态发生改变时会发出信号通知其他模块。它们间的关系如下图1所示。

技术分享

       QAbstractItemModel是所有Model的基类,但一般不直接使用QAbstractItemModel,而是使用它的子类。Model模块本身并不存储数据,而是为View和Delegate访问数据提供标准的接口。

       View模块从Model中获得数据项显示给用户,Qt提供了一些常用的View模型,如QTreeView、QTableView和QListView。

       Delegate的基本接口在QAbstractItemDelegate类中定义,通过实现paint()和sizeHint()以达到渲染数据项的目的。

(2)程序运行图如下图2所示。

技术分享

三、详解

1、表格中嵌入控件

利用Delegate的方式实现表格中嵌入各种不同控件的效果,控件在需要编辑数据项时才出现。

(1)插入日历编辑框QDateLineEdit


[cpp] view plain copy

  1. #ifndef DATEDELEGATE_H  

  2. #define DATEDELEGATE_H  

  3.   

  4. #include <QtGui>  

  5.   

  6. class DateDelegate : public QItemDelegate  

  7. {  

  8.     Q_OBJECT  

  9.   

  10. public:  

  11.     DateDelegate(QObject *parent = 0);  

  12.   

  13.     QWidget *createEditor(QWidget *parent, const QStyleOptionViewItem &option,  

  14.                            const QModelIndex &index) const;  

  15.   

  16.     void setEditorData(QWidget *editor, const QModelIndex &index) const;  

  17.     void setModelData(QWidget *editor, QAbstractItemModel *model,  

  18.                        const QModelIndex &index) const;  

  19.   

  20.     void updateEditorGeometry(QWidget *editor,  

  21.          const QStyleOptionViewItem &option, const QModelIndex &index) const;  

  22. };  

  23.   

  24. #endif  

[cpp] view plain copy

  1. #include "datedelegate.h"  

  2.   

  3. DateDelegate::DateDelegate(QObject *parent)  

  4.     : QItemDelegate(parent)  

  5. {  

  6. }  

  7.   

  8. QWidget *DateDelegate::createEditor(QWidget *parent,  

  9.     const QStyleOptionViewItem &/* option */,  

  10.     const QModelIndex &/* index */const  

  11. {  

  12.     QDateTimeEdit *editor = new QDateTimeEdit(parent);  

  13.     editor->setDisplayFormat("yyyy-MM-dd");  

  14.     editor->setCalendarPopup(true);  

  15.     editor->installEventFilter(const_cast<DateDelegate*>(this));  

  16.   

  17.     return editor;  

  18. }  

  19.   

  20. void DateDelegate::setEditorData(QWidget *editor,  

  21.                                      const QModelIndex &index) const  

  22. {  

  23.     QString dateStr = index.model()->data(index).toString();  

  24.     QDate date = QDate::fromString(dateStr,Qt::ISODate);  

  25.   

  26.     QDateTimeEdit *edit = static_cast<QDateTimeEdit*>(editor);  

  27.     edit->setDate(date);  

  28. }  

  29.   

  30. void DateDelegate::setModelData(QWidget *editor, QAbstractItemModel *model,  

  31.                                     const QModelIndex &index) const  

  32. {  

  33.     QDateTimeEdit *edit = static_cast<QDateTimeEdit*>(editor);  

  34.     QDate date = edit->date();  

  35.   

  36.     model->setData(index, QVariant(date.toString(Qt::ISODate)));  

  37. }  

  38.   

  39. void DateDelegate::updateEditorGeometry(QWidget *editor,  

  40.     const QStyleOptionViewItem &option, const QModelIndex &/* index */const  

  41. {  

  42.     editor->setGeometry(option.rect);  

  43. }  

       分析:DateDelegate继承QItemDelegate,一般需要重定义声明中的几个虚函数。createEditor()函数完成创建控件的工作;setEditorDate()设置控件显示的数据,把Model数据更新至Delegate,相当于初始化工作;setModelDate()把Delegate中对数据的更改更新至Model中;updateEditor()更析控件区的显示。


(2)插入下拉列表框QComboBox


[cpp] view plain copy

  1. #include "combodelegate.h"  

  2.   

  3. ComboDelegate::ComboDelegate(QObject *parent)  

  4.     : QItemDelegate(parent)  

  5. {  

  6. }  

  7.   

  8. QWidget *ComboDelegate::createEditor(QWidget *parent,  

  9.     const QStyleOptionViewItem &/* option */,  

  10.     const QModelIndex &/* index */const  

  11. {  

  12.     QComboBox *editor = new QComboBox(parent);  

  13.     editor->addItem(QString::fromLocal8Bit("工人"));  

  14.     editor->addItem(QString::fromLocal8Bit("农民"));  

  15.     editor->addItem(QString::fromLocal8Bit("医生"));  

  16.     editor->addItem(QString::fromLocal8Bit("律师"));  

  17.     editor->addItem(QString::fromLocal8Bit("军人"));  

  18.   

  19.     editor->installEventFilter(const_cast<ComboDelegate*>(this));  

  20.   

  21.     return editor;  

  22. }  

  23.   

  24. void ComboDelegate::setEditorData(QWidget *editor,  

  25.                                      const QModelIndex &index) const  

  26. {  

  27.     QString str = index.model()->data(index).toString();  

  28.       

  29.     QComboBox *box = static_cast<QComboBox*>(editor);  

  30.     int i = box->findText(str);  

  31.     box->setCurrentIndex(i);  

  32. }  

  33.   

  34. void ComboDelegate::setModelData(QWidget *editor, QAbstractItemModel *model,  

  35.                                     const QModelIndex &index) const  

  36. {  

  37.     QComboBox *box = static_cast<QComboBox*>(editor);  

  38.     QString str = box->currentText();  

  39.   

  40.     model->setData(index, str);  

  41. }  

  42.   

  43. void ComboDelegate::updateEditorGeometry(QWidget *editor,  

  44.     const QStyleOptionViewItem &option, const QModelIndex &/* index */const  

  45. {  

  46.     editor->setGeometry(option.rect);  

  47. }  


(3)插入微调器QSpinBox

[cpp] view plain copy

  1. #include "spindelegate.h"  

  2.   

  3. SpinDelegate::SpinDelegate(QObject *parent)  

  4.     : QItemDelegate(parent)  

  5. {  

  6. }  

  7.   

  8. QWidget *SpinDelegate::createEditor(QWidget *parent,  

  9.     const QStyleOptionViewItem &/* option */,  

  10.     const QModelIndex &/* index */const  

  11. {  

  12.     QSpinBox *editor = new QSpinBox(parent);  

  13.     editor->setRange(1000,10000);      

  14.   

  15.     editor->installEventFilter(const_cast<SpinDelegate*>(this));  

  16.   

  17.     return editor;  

  18. }  

  19.   

  20. void SpinDelegate::setEditorData(QWidget *editor,  

  21.                                      const QModelIndex &index) const  

  22. {  

  23.     int value = index.model()->data(index).toInt();  

  24.       

  25.     QSpinBox *spin = static_cast<QSpinBox*>(editor);  

  26.       

  27.     spin->setValue(value);  

  28. }  

  29.   

  30. void SpinDelegate::setModelData(QWidget *editor, QAbstractItemModel *model,  

  31.                                     const QModelIndex &index) const  

  32. {  

  33.     QSpinBox *spin = static_cast<QSpinBox*>(editor);  

  34.     int value = spin->value();  

  35.   

  36.     model->setData(index, value);  

  37. }  

  38.   

  39. void SpinDelegate::updateEditorGeometry(QWidget *editor,  

  40.     const QStyleOptionViewItem &option, const QModelIndex &/* index */const  

  41. {  

  42.     editor->setGeometry(option.rect);  

  43. }  


2、柱状统计图

自定义的View实现一个柱状统计图对TableModel的表格数据进行显示。

[cpp] view plain copy

  1. #ifndef HISTOGRAMVIEW_H  

  2. #define HISTOGRAMVIEW_H  

  3.   

  4. #include <QtGui>  

  5.   

  6. class HistogramView : public QAbstractItemView  

  7. {  

  8.     Q_OBJECT  

  9. public:  

  10.     HistogramView(QWidget *parent=0);  

  11.       

  12.     QRect visualRect(const QModelIndex &index)const;  

  13.     void scrollTo(const QModelIndex &index, ScrollHint hint = EnsureVisible);  

  14.     QModelIndex indexAt(const QPoint &point) const;      

  15.       

  16.     void paintEvent(QPaintEvent *);  

  17.     void mousePressEvent(QMouseEvent *);  

  18.   

  19.     void setSelectionModel(QItemSelectionModel * selectionModel);  

  20.     QRegion itemRegion(QModelIndex index);    

  21.       

  22. protected slots:  

  23.     void dataChanged(const QModelIndex &topLeft, const QModelIndex &bottomRight);  

  24.     void selectionChanged(const QItemSelection & selected, const QItemSelection & deselected );  

  25.       

  26. protected:  

  27.     QModelIndex moveCursor(QAbstractItemView::CursorAction cursorAction,  

  28.                             Qt::KeyboardModifiers modifiers);  

  29.     int horizontalOffset() const;  

  30.     int verticalOffset() const;      

  31.     bool isIndexHidden(const QModelIndex &index) const;  

  32.     void setSelection ( const QRect&rect, QItemSelectionModel::SelectionFlags flags );  

  33.     QRegion visualRegionForSelection(const QItemSelection &selection) const;         

  34.       

  35. private:  

  36.     QItemSelectionModel *selections;   

  37.       

  38.     QList<QRegion> listRegionM;    

  39.     QList<QRegion> listRegionF;   

  40.     QList<QRegion> listRegionS;   

  41.       

  42. };  

  43.   

  44. #endif   

[cpp] view plain copy

  1. #include "histogramview.h"  

  2.   

  3. HistogramView::HistogramView(QWidget *parent)  

  4.     : QAbstractItemView(parent)  

  5. {}  

  6.   

  7. void HistogramView::dataChanged(const QModelIndex &topLeft, const QModelIndex &bottomRight)  

  8. {  

  9.     QAbstractItemView::dataChanged(topLeft, bottomRight);  

  10.       

  11.     viewport()->update();  

  12. }  

  13.   

  14. QRect HistogramView::visualRect(const QModelIndex &index) const  

  15. {}  

  16.   

  17. void HistogramView::scrollTo(const QModelIndex &index, ScrollHint hint)  

  18. {}  

  19.   

  20. QModelIndex HistogramView::indexAt(const QPoint &point) const  

  21. {  

  22.     QPoint newPoint(point.x(),point.y());  

  23.   

  24.     QRegion region;  

  25.     foreach(region,listRegionM)  

  26.     {  

  27.         if (region.contains(newPoint))  

  28.         {  

  29.             int row = listRegionM.indexOf(region);  

  30.             QModelIndex index = model()->index(row, 3,rootIndex());  

  31.             return index;  

  32.         }  

  33.     }  

  34.       

  35.     return QModelIndex();  

  36. }  

  37.   

  38. QModelIndex HistogramView::moveCursor(QAbstractItemView::CursorAction cursorAction,  

  39.                             Qt::KeyboardModifiers modifiers)  

  40. {}  

  41.                              

  42. int HistogramView::horizontalOffset() const  

  43. {  

  44. }  

  45.   

  46. int HistogramView::verticalOffset() const  

  47. {}  

  48.   

  49. bool HistogramView::isIndexHidden(const QModelIndex &index) const  

  50. {}  

  51.   

  52. void HistogramView::setSelectionModel(QItemSelectionModel * selectionModel)  

  53. {  

  54.     selections = selectionModel;  

  55. }  

  56.   

  57. void HistogramView::mousePressEvent(QMouseEvent *e)  

  58. {  

  59.     QAbstractItemView::mousePressEvent(e);  

  60.     setSelection(QRect(e->pos().x(),e->pos().y(),1,1),QItemSelectionModel::SelectCurrent);      

  61. }  

  62.       

  63. QRegion HistogramView::itemRegion(QModelIndex index)  

  64. {  

  65.     QRegion region;  

  66.   

  67.     if (index.column() == 3)  

  68.         region = listRegionM[index.row()];  

  69.   

  70.     return region;  

  71. }  

  72.   

  73. void HistogramView::setSelection ( const QRect &rect, QItemSelectionModel::SelectionFlags flags )  

  74. {  

  75.      int rows = model()->rowCount(rootIndex());  

  76.      int columns = model()->columnCount(rootIndex());  

  77.      QModelIndex selectedIndex;  

  78.   

  79.      for (int row = 0; row < rows; ++row)   

  80.      {  

  81.          for (int column = 1; column < columns; ++column)   

  82.          {  

  83.              QModelIndex index = model()->index(row, column, rootIndex());  

  84.              QRegion region = itemRegion(index);  

  85.            

  86.              if (!region.intersected(rect).isEmpty())  

  87.              selectedIndex = index;  

  88.          }  

  89.      }  

  90.        

  91.      if(selectedIndex.isValid())   

  92.          selections->select(selectedIndex,flags);  

  93.      else   

  94.      {  

  95.          QModelIndex noIndex;  

  96.          selections->select(noIndex, flags);  

  97.      }  

  98. }  

  99.   

  100. QRegion HistogramView::visualRegionForSelection(const QItemSelection &selection) const  

  101. {}  

  102.   

  103. void HistogramView::selectionChanged(const QItemSelection & selected, const QItemSelection & deselected )  

  104. {  

  105.     viewport()->update();  

  106. }  

  107.   

  108. void HistogramView::paintEvent(QPaintEvent *)  

  109. {  

  110.     QPainter painter(viewport());  

  111.   

  112.     painter.setPen(Qt::black);  

  113.     int x0 = 40;  

  114.     int y0 = 250;  

  115.       

  116.     // draw coordinate    

  117.     painter.drawLine(x0, y0, 40, 30);  

  118.     painter.drawLine(38, 32, 40, 30);  

  119.     painter.drawLine(40, 30, 42, 32);  

  120.     painter.drawText(5, 45, tr("income"));  

  121.       

  122.     for (int i=1; i<5; i++) {  

  123.         painter.drawLine(-1,-i*50,1,-i*50);  

  124.         painter.drawText(-20,-i*50,tr("%1").arg(i*5));  

  125.     }  

  126.   

  127.     // x轴  

  128.     painter.drawLine(x0, y0, 540, 250);  

  129.     painter.drawLine(538, 248, 540, 250);  

  130.     painter.drawLine(540, 250, 538, 252);  

  131.     painter.drawText(500, 270, tr("name"));  

  132.     int row;  

  133.     // name  

  134.     int posD = x0+20;  

  135.     for (row = 0; row < model()->rowCount(rootIndex()); row++)   

  136.     {  

  137.         QModelIndex index = model()->index(row, 0, rootIndex());  

  138.         QString dep = model()->data(index).toString();      

  139.           

  140.         painter.drawText(posD,y0+20,dep);  

  141.         posD += 50;  

  142.     }  

  143.     // income  

  144.     int posM = x0+20;  

  145.     for (row = 0; row < model()->rowCount(rootIndex()); row++)  

  146.     {  

  147.         QModelIndex index = model()->index(row, 3, rootIndex());  

  148.         int income = model()->data(index).toDouble();  

  149.   

  150.         int width = 10;  

  151.   

  152.         if (selections->isSelected(index))  

  153.             painter.setBrush(QBrush(Qt::darkBlue,Qt::SolidPattern));  

  154.         else  

  155.             painter.setBrush(Qt::blue);  

  156.   

  157.         painter.drawRect(QRectF(posM + 10, y0-income/25, width, income/25));  

  158.         QRegion regionM(posM + 10, y0-income/25, width, income/25);  

  159.         listRegionM << regionM;  

  160.   

  161.         posM += 50;  

  162.     }  

  163. }  

       分析:对父类的QAbstractItemView中的所有纯虚函数都必须进行声明,纯虚函数包括visualRect()、scrollTo()、indexAt()、moveCursor()、horizontalOffset()、verticalOffset()、isIndexHidden()、setSelection()和visualRegionForSelection(),这些函数并不一定都要实现,根据功能要求选择实现。


QT MVC 技术Model/View初探