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的內容重新梳理下。