在之前的文章里主要介绍了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的内容重新梳理下。

欢迎关注公众号：