专栏首页Pou光明Qt Model_View教程之Delegate

Qt Model_View教程之Delegate

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

本文分享自微信公众号 - Pou光明(pou0230),作者:PouG

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2020-02-11

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Qt ModelView教程——设置表头与可编辑Table

    点击上方蓝字可直接关注!方便下次阅读。如果对你有帮助,可以点个在看,让它可以帮助到更多老铁~

    用户5908113
  • Qt使用C/C++扩展Python内置模块

    之前和大家介绍过在C/C++中嵌入Python,本次和大家分享下使用C/C++扩展Python内置模块的方法。

    用户5908113
  • Qt Socket Server 收发JSON

    之前文章写过Linux C Socket 收发Json数据,最近用Qt Server实现了一遍。给我自己的感觉就是cJSON接口与Qt封装的一些接口是共通的:Q...

    用户5908113
  • C++ OpenCV之鼠标响应事件

    在OpenCV中也存在鼠标的操作,今天我们先介绍一下鼠标中的操作事件,用于为之后的GrabCut分割来做个前提。

    Vaccae
  • 交换输出

    输入n(n<100)个数,找出其中最小的数,将它与最前面的数交换后输出这些数。(如果这个第一个数就是最小的数,则保持原样输出,如果最小的数有相同的按照前面的交换...

    书童小二
  • 单管路冷却水系统阀门故障处理案例分享

    事件背景 N年前,腾讯某租用机房出现1#冷机冷却水回水阀门有滴水现象并无法拧紧,经初步判断为阀门损坏所致。该机房冷水机组采用2+1冗余配置,单冷源制冷模式,机房...

    腾讯数据中心
  • iOS如何保证下载资源的可靠性

    前言 有时需要在本地存储资源,并且从服务器下载资源,因为涉及到运行期间的安全性,有必要添加校验的逻辑,因此有了本文的一些思考。 ipa包被篡改的情况 首先思考的...

    落影
  • Signal之掩码操作

    Kernel里,每个Task都有针对Signal的掩码(Mask)。掩码值为1表示拦截该Signal,即不处理Signal;掩码值为0表示会处理该Signal。...

    Taishan3721
  • 排列类算法问题大总结全排列分析带重复元素的全排列代码下一个排列分析上一个排列分析第k个排列分析排列序号分析排列序号II分析

    [ [1,2,3], [1,3,2], [2,1,3], [2,3,1], [3,1,2], [3,2,1] ]

    desperate633
  • 剖析Java中HashMap数据结构的源码及其性能优化

    存储结构 首先,HashMap是基于哈希表存储的。它内部有一个数组,当元素要存储的时候,先计算其key的哈希值,根据哈希值找到元素在数组中对应的下标。如果这个位...

    凯哥Java

扫码关注云+社区

领取腾讯云代金券