重新实现 QStyledItemDelegate::paint - 如何获取子元素坐标?

Posted

技术标签:

【中文标题】重新实现 QStyledItemDelegate::paint - 如何获取子元素坐标?【英文标题】:Reimplementing QStyledItemDelegate::paint - How to obtain subelement coordinates? 【发布时间】:2016-02-14 11:06:56 【问题描述】:

QTreeView 在自定义QStyledItemDelegate::paint 方法的帮助下呈现。目的是向节点添加图形元素,例如在项目文本周围绘制(并填充)一个框。树项可能有复选框,也可能没有。

下面的 Ruby 代码实现了目标,只是我无法获取文本元素的坐标。经验偏移量 (x=29; y=4) 可作为一种解决方法。 super 方法将文本绘制在框的顶部。

如何获取文本元素的坐标? 这是正确的方法,还是我必须使用 drawTextdrawControl 而不是调用超类 paint 方法?在这种情况下,您如何控制子元素的布局?

(这个问题不是 Ruby 特定的。欢迎包含 C++ 的答案。)

class ItemDelegate < Qt::StyledItemDelegate

  def paint(painter, option, index)

    text     = index.data.toString
    bg_color = Qt::Color.new(Qt::yellow)
    fg_color = Qt::Color.new(Qt::black)
    offset   = Qt::Point.new(29,4)

    painter.save
    painter.translate(option.rect.topLeft + offset)

    recti = Qt::Rect.new(0, 0, option.rect.width, option.rect.height)
    rectf = Qt::RectF.new(recti)

    margin      = 4
    bounding    = painter.boundingRect(rectf, Qt::AlignLeft, text)
    tbox        = Qt::RectF.new(Qt::PointF.new(-margin,0), bounding.size)
    tbox.width += 2*margin

    painter.fillRect(tbox, bg_color)
    painter.drawRect(tbox)
    painter.restore

    super
  end
end


编辑:请查找self-contained example here in this Gist。

【问题讨论】:

【参考方案1】:

我在 C++ 中遇到了同样的问题。不幸的是,option.rect.* 属性的解决方法似乎是找到文本坐标的唯一方法。

这里是我委托的绘制方法:

 void ThumbnailDelegate::paint(QPainter *p_painter, const QStyleOptionViewItem &p_option, const QModelIndex &p_index) const
 
    if(p_index.isValid())
    
        const QAbstractItemModel* l_model = p_index.model();
        QPen l_text_pen(Qt::darkGray);

        QBrush l_brush(Qt::black, Qt::SolidPattern);

        /** background rect **/
        QPen l_pen;
        l_pen.setStyle(Qt::SolidLine);
        l_pen.setWidth(4);
        l_pen.setBrush(Qt::lightGray);
        l_pen.setCapStyle(Qt::RoundCap);
        l_pen.setJoinStyle(Qt::RoundJoin);

        p_painter->setPen(l_pen);

        QRect l_border_rect;
        l_border_rect.setX(p_option.rect.x() + 5);
        l_border_rect.setY(p_option.rect.y() + 5);
        l_border_rect.setWidth(p_option.rect.width() - 16);
        l_border_rect.setHeight(p_option.rect.height() - 16);

        QPainterPath l_rounded_rect;
        l_rounded_rect.addRect(QRectF(l_border_rect));
        p_painter->setClipPath(l_rounded_rect);

        /** background color for hovered items **/
        p_painter->fillPath(l_rounded_rect, l_brush);
        p_painter->drawPath(l_rounded_rect);

        /** image **/
        QPixmap l_pixmap = bytearrayToPixmap(l_model->data(p_index, ImageRole).toByteArray()).scaled(150, 150, Qt::KeepAspectRatio);

        QRect l_img_rect = l_border_rect;

        int l_img_x = (l_img_rect.width()/2 - l_pixmap.width()/2)+l_img_rect.x();

        l_img_rect.setX(l_img_x);
        l_img_rect.setY(l_img_rect.y() + 12);
        l_img_rect.setWidth(l_pixmap.width());
        l_img_rect.setHeight(l_pixmap.height());
        p_painter->drawPixmap(l_img_rect, l_pixmap);

        /** label **/
        QRect l_txt_rect = p_option.rect;
        l_txt_rect.setX(l_border_rect.x()+5);
        l_txt_rect.setY(l_border_rect.y() + l_border_rect.height() -20);
        l_txt_rect.setHeight(20);
        l_txt_rect.setWidth(l_txt_rect.width()-20);

        QFont l_font;
        l_font.setBold(true);
        l_font.setPixelSize(12);
        p_painter->setFont(l_font);
        p_painter->setPen(l_text_pen);

        QString l_text = l_model->data(p_index, TextRole).toString();
        p_painter->drawText(l_txt_rect, Qt::ElideRight|Qt::AlignHCenter, l_text);
    
    else
    
        qWarning() << "ThumbnailDelegate::paint() Invalid index!";
    

我不熟悉 Ruby,但如您所见,我使用的是 drawPath、drawPixmap 和 drawText。

结果如下:

我认为最好避免从超类调用绘制,因为它应该由 Qt 自动完成,而您可能会破坏 UI 生命周期中的某些内容。

【讨论】:

以上是关于重新实现 QStyledItemDelegate::paint - 如何获取子元素坐标?的主要内容,如果未能解决你的问题,请参考以下文章

正确实现 QStyledItemDelegate

继承QAbstractTableModel QStyledItemDelegate实现自定义表格,添加进度条和选中框。

QListView 与 CustomWIdget 使用 QStyledItemDelegate

如何使用 QStyledItemDelegate 在 QTreeWidget 中拥有不同高度的 QTreeWidgetItems?

PyQt:在 QStyledItemDelegate 中使用 QTextEdit 作为编辑器

使用 QStyledItemDelegate paint() 在表格中绘制图标