Qt Model_View教程之Delegate
- 2020 年 2 月 18 日
- 筆記
在之前的文章里主要介绍了Qt Model/View 的一些基本用法,接下来结合Delegate做最后的说明。
在之前的所有例子中,cell中填充的要么是text文本或是checkbox,那么如果我们想要填充自己定义的一些东西时该怎么做呢?这就涉及到了Delegate。在之前的view中我们一直使用的是默认的Delegate,现在我们想要填充自己定义的内容,比如说在cell中填充五角星,这就需要我们重新实现Delegate。效果如下:

在View中使用setItemDelegate()方法代替使用默认的Delegate并使用自定义的Delegate。新的Delegate可以通过继承QStyledItemDelegate来重新实现。为了简化功能,填充的五角星并没有可编辑的能力,而我们只需要重新实现QStyledItemDelegate类中的paint和sizeHint方法即可。
一、 StarDelegate 类
头文件如下:
class StarDelegate : public QStyledItemDelegate { Q_OBJECT public: StarDelegate(QWidget *parent = 0) : QStyledItemDelegate(parent) {} void paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const Q_DECL_OVERRIDE; QSize sizeHint(const QStyleOptionViewItem &option, const QModelIndex &index) const Q_DECL_OVERRIDE; };
paint通过原始数据的内容来绘制五角星,数据的获取与之前的Model类似,使用index.data();sizeHint()用来获取每个五角星的维度,cell则可以有足够的空间来适应五角星的大小。
源文件如下:
void StarDelegate::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const { if (index.data().canConvert<StarRating>()) { StarRating starRating = qvariant_cast<StarRating>(index.data()); starRating.paint(painter, option.rect, option.palette); } else { QStyledItemDelegate::paint(painter, option, index); } } QSize StarDelegate::sizeHint(const QStyleOptionViewItem &option, const QModelIndex &index) const { if (index.data().canConvert<StarRating>()) { StarRating starRating = qvariant_cast<StarRating>(index.data()); return starRating.sizeHint(); } else { return QStyledItemDelegate::sizeHint(option, index); } }
只有当index.data()是StarRating时我们才使用自己定义的五角星,否则使用QStyledItemDelegate来进行绘制。
如果想要使用自定义图形来填充View 栅格中的cell,这时我们可以使用自定义Delegate,但如果不想使用View中的栅格,则需自定义View。
二、 StarRating类
这个主要是画五角星,五角星点位的计算有数学公式,可自行百度。
头文件:
class StarRating { public: explicit StarRating(int starCount = 1, int maxStarCount = 5); void paint(QPainter *painter, const QRect &rect, const QPalette &palette) const; QSize sizeHint() const; int starCount() const { return myStarCount; } int maxStarCount() const { return myMaxStarCount; } void setStarCount(int starCount) { myStarCount = starCount; } void setMaxStarCount(int maxStarCount) { myMaxStarCount = maxStarCount; } private: QPolygonF starPolygon; int myStarCount; int myMaxStarCount; };
源文件:
StarRating::StarRating(int starCount, int maxStarCount) { myStarCount = starCount; myMaxStarCount = maxStarCount; starPolygon << QPointF(1.0, 0.5); for (int i = 1; i < 5; ++i) starPolygon << QPointF(0.5 + 0.5 * std::cos(0.8 * i * 3.14), 0.5 + 0.5 * std::sin(0.8 * i * 3.14)); //使用公式 } QSize StarRating::sizeHint() const { return PaintingScaleFactor * QSize(myMaxStarCount, 1); } void StarRating::paint(QPainter *painter, const QRect &rect, const QPalette &palette) const { painter->save(); painter->setRenderHint(QPainter::Antialiasing, true); painter->setPen(Qt::NoPen); painter->setBrush(palette.foreground()); int yOffset = (rect.height() - PaintingScaleFactor) / 2; painter->translate(rect.x(), rect.y() + yOffset); painter->scale(PaintingScaleFactor, PaintingScaleFactor); for (int i = 0; i < myMaxStarCount; ++i) { if (i < myStarCount) { painter->drawPolygon(starPolygon, Qt::WindingFill); } painter->translate(1.0, 0.0); } painter->restore(); }
三、 总结
之后会把所有关于的Qt Model/View的内容重新梳理下。