Qt自定义委托在QTableView中绘制控件、图片、文字（内容比较全）

自定义委托，继承于，QStyledItemDelegate类，重载Paint()函数，

1、实现在QTableView中绘制 格式字符串

2、实现在QTableView中绘制进度条

3、实现在QTableView中绘制QCheckBox

4、实现在QTableView中绘制星星

5、实现在QTableView中绘制Pixmap图片

1、实现在QTableView中绘制 格式字符串

1. //重载绘制函数
2. void DelReconQueue::paint(QPainter *painter, const QStyleOptionViewItem &option,
3. const QModelIndex &index) const
4. {
5. //如果是第2列'病人Id'
6. if (index.column() == 2)
7. {
8. //获得当前项值
9. int patientId = index.model()->data(index, Qt::DisplayRole).toInt();
10. //设置'病人Id'格式字符串: P:00000x;6位10进制数，不足补0;
11. QString text = QString("P:%1").arg(patientId, 6, 10, QChar('0'));
12. //获取项风格设置
13. QStyleOptionViewItem myOption = option;
14. myOption.displayAlignment = Qt::AlignRight | Qt::AlignVCenter;
15. //绘制文本
16. QApplication::style()->drawItemText ( painter, myOption.rect , myOption.displayAlignment, QApplication::palette(), true,text );
17. }
18. else
19. {
20. //否则调用默认委托
21. QStyledItemDelegate::paint(painter, option, index);
22. }
23. }

   如果自定义委托继承于QItemDelegate类，绘制字符串，可以直接用QItemDelegate中的drawDisplay();

1. void TrackDelegate::paint(QPainter *painter,
2. const QStyleOptionViewItem &option,
3. const QModelIndex &index) const
4. {
5. //保存音轨的列
6. if (index.column() == durationColumn) {
7. //获得索引对应Model中的数据
8. int secs = index.model()->data(index, Qt::DisplayRole).toInt();
9. //设置时间格式字符串 分:秒
10. QString text = QString("%1:%2")
11. .arg(secs / 60, 2, 10, QChar('0'))
12. .arg(secs % 60, 2, 10, QChar('0'));
13. //获取项风格设置
14. QStyleOptionViewItem myOption = option;
15. myOption.displayAlignment = Qt::AlignRight | Qt::AlignVCenter;
16. //绘制文本
17. drawDisplay(painter, myOption, myOption.rect, text);
18. //如果当前有焦点，就绘制一个焦点矩形，否则什么都不做
19. drawFocus(painter, myOption, myOption.rect);
20. } else{
21. //否则默认
22. QItemDelegate::paint(painter, option, index);
23. }
24. }

2、实现在QTableView中绘制进度条

1. //重载绘制函数
2. void DelReconQueue::paint(QPainter *painter, const QStyleOptionViewItem &option,
3. const QModelIndex &index) const
4. {
5. //如果是'已经完成子任务数'
6. if (index.column() == 9)
7. {
8. const QAbstractItemModel *itemModel = index.model();
9. //获得索引对应Model中的数据
10. int finishedSubTaskNum = itemModel->data(index, Qt::DisplayRole).toInt();
11. int subTaskNum = itemModel->data(itemModel->index(index.row(),8), Qt::DisplayRole).toInt();
12. //进度条的风格选项
13. QStyleOptionProgressBarV2 *progressBarOption = new QStyleOptionProgressBarV2();
14. progressBarOption->rect = option.rect;
15. progressBarOption->minimum = 0;
16. progressBarOption->maximum = subTaskNum;
17. progressBarOption->progress = finishedSubTaskNum;
18. int t = finishedSubTaskNum/subTaskNum;
19. progressBarOption->text = QString::number(t) + "%";
20. progressBarOption->textVisible = true;
21. //绘制进度条
22. QApplication::style()->drawControl(QStyle::CE_ProgressBar, progressBarOption, painter);
23. }
24. else
25. {
26. //否则调用默认委托
27. QStyledItemDelegate::paint(painter, option, index);
28. }
29. }

  3、实现在QTableView中绘制QCheckBox

1. #include <QtGui>
2. #include <QItemDelegate>
3. #include <QStyleOptionProgressBarV2>
4. #include "DelReconQueue.h"
5. //重载绘制函数
6. void DelReconQueue::paint(QPainter *painter, const QStyleOptionViewItem &option,
7. const QModelIndex &index) const
8. {
9. if (index.column() == 11)
10. {
11. //获取值
12. bool checked = index.model()->data(index, Qt::DisplayRole).toBool();
13. //按钮的风格选项
14. QStyleOptionButton *checkBoxOption = new QStyleOptionButton();
15. checkBoxOption->state |= QStyle::State_Enabled;
16. //根据值判断是否选中
17. if(checked)
18. {
19. checkBoxOption->state |= QStyle::State_On;
20. }
21. else
22. {
23. checkBoxOption->state |= QStyle::State_Off;
24. }
25. //返回QCheckBox几何形状
26. checkBoxOption->rect = CheckBoxRect(option);
27. //绘制QCheckBox
28. QApplication::style()->drawControl(QStyle::CE_CheckBox,checkBoxOption,painter);
29. }
30. else
31. {
32. //否则调用默认委托
33. QStyledItemDelegate::paint(painter, option, index);
34. }
35. }

//生成QCheckBox

1. QRect DgSystemLog::CheckBoxRect(const QStyleOptionViewItem &viewItemStyleOptions)const
2. {
3. //绘制按钮所需要的参数
4. QStyleOptionButton checkBoxStyleOption;
5. //按照给定的风格参数 返回元素子区域
6. QRect checkBoxRect = QApplication::style()->subElementRect( QStyle::SE_CheckBoxIndicator, &checkBoxStyleOption);
7. //返回QCheckBox坐标
8. QPoint checkBoxPoint(viewItemStyleOptions.rect.x() + viewItemStyleOptions.rect.width() / 2 - checkBoxRect.width() / 2,
9. viewItemStyleOptions.rect.y() + viewItemStyleOptions.rect.height() / 2 - checkBoxRect.height() / 2);
10. //返回QCheckBox几何形状
11. return QRect(checkBoxPoint, checkBoxRect.size());
12. }

4、实现在QTableView中绘制自定义类 星星

1. //重载绘制函数
2. void StarDelegate::paint(QPainter *painter, const QStyleOptionViewItem &option,
3. const QModelIndex &index) const
4. {
5. //如果某项数据是星星类型
6. if (qVariantCanConvert<StarRating>(index.data())) {
7. //获取该项数据，并转换成StarRating类型
8. StarRating starRating = qVariantValue<StarRating>(index.data());
9. //如果有控件被选中，我们就让选中的控件变亮
10. if (option.state & QStyle::State_Selected)
11. painter->fillRect(option.rect, option.palette.highlight());
12. starRating.paint(painter, option.rect, option.palette,
13. StarRating::ReadOnly);
14. }
15. //如果没有控件选中，调用默认委托
16. else {
17. QStyledItemDelegate::paint(painter, option, index);
18. }
19. }

星星自定义源文件

1. #ifndef STARRATING_H
2. #define STARRATING_H
3. #include <QMetaType>
4. #include <QPointF>
5. #include <QVector>
6. class StarRating
7. {
8. public:
9. enum EditMode { Editable, ReadOnly };
10. StarRating(int starCount = 1, int maxStarCount = 5);
11. void paint(QPainter *painter, const QRect &rect,
12. const QPalette &palette, EditMode mode) const;
13. QSize sizeHint() const;
14. int starCount() const { return myStarCount; }
15. int maxStarCount() const { return myMaxStarCount; }
16. void setStarCount(int starCount) { myStarCount = starCount; }
17. void setMaxStarCount(int maxStarCount) { myMaxStarCount = maxStarCount; }
18. private:
19. QPolygonF starPolygon;
20. QPolygonF diamondPolygon;
21. int myStarCount;
22. int myMaxStarCount;
23. };
24. //让所有模板类型都知道该类，包括QVariant
25. Q_DECLARE_METATYPE(StarRating)
26. #endif
27. #include <QtGui>
28. #include <math.h>
29. #include "starrating.h"
30. const int PaintingScaleFactor = 20;
31. StarRating::StarRating(int starCount, int maxStarCount)
32. {
33. myStarCount = starCount;
34. myMaxStarCount = maxStarCount;
35. starPolygon << QPointF(1.0, 0.5);
36. for (int i = 1; i < 5; ++i)
37. starPolygon << QPointF(0.5 + 0.5 * cos(0.8 * i * 3.14),
38. 0.5 + 0.5 * sin(0.8 * i * 3.14));
39. diamondPolygon << QPointF(0.4, 0.5) << QPointF(0.5, 0.4)
40. << QPointF(0.6, 0.5) << QPointF(0.5, 0.6)
41. << QPointF(0.4, 0.5);
42. }
43. QSize StarRating::sizeHint() const
44. {
45. return PaintingScaleFactor * QSize(myMaxStarCount, 1);
46. }
47. void StarRating::paint(QPainter *painter, const QRect &rect,
48. const QPalette &palette, EditMode mode) const
49. {
50. painter->save();
51. painter->setRenderHint(QPainter::Antialiasing, true);
52. painter->setPen(Qt::NoPen);
53. if (mode == Editable) {
54. painter->setBrush(palette.highlight());
55. } else {
56. painter->setBrush(palette.foreground());
57. }
58. int yOffset = (rect.height() - PaintingScaleFactor) / 2;
59. painter->translate(rect.x(), rect.y() + yOffset);
60. //画笔坐标
61. painter->scale(PaintingScaleFactor, PaintingScaleFactor);
62. for (int i = 0; i < myMaxStarCount; ++i) {
63. if (i < myStarCount) {
64. painter->drawPolygon(starPolygon, Qt::WindingFill);
65. } else if (mode == Editable) {
66. painter->drawPolygon(diamondPolygon, Qt::WindingFill);
67. }
68. painter->translate(1.0, 0.0);
69. }
70. painter->restore();
71. }

 5、实现在QTableView中绘制Pixmap图片 ，

详细请看具体例子 Qt-在表格(QTableView)中插入图片

1. void MyItemDelegate::paint(QPainter * painter,
2. const QStyleOptionViewItem & option,
3. const QModelIndex & index) const
4. {
5. if(index.column()!=0){
6. QItemDelegate::paint(painter,option,index);
7. return;
8. }
9. const QAbstractItemModel * model=index.model();
10. QVariant var=model->data(index,Qt::CheckStateRole);
11. if(var.isNull()) var=false;
12. const QPixmap & star=var.toBool()?
13. favouritePixmap:notFavouritePixmap;
14. int width=star.width();
15. int height=star.height();
16. QRect rect=option.rect;
17. int x=rect.x()+rect.width()/2-width/2;
18. int y=rect.y()+rect.height()/2-height/2;
19. painter->drawPixmap(x,y,star);
20. }

参考文章

Qt-在表格(QTableView)中插入图片

基于QItemDelegate的例子2 trackeEditorDelegate

基于QItemDelegate的例子1 SpinBoxDelegate

(六)Qt Delgate的使用 简单说明

http://qimo601.iteye.com/blog/1539147