c++ - 如何以交互方式调整 QGraphicsObject 的大小？

Question

我无法弄清楚如何在 Qt 中缩放自定义子类 QGraphicsObject。我有代码工作，以便鼠标光标在悬停在边缘对象的 boundingRect(Left、Right、Top、Bottom) 上时发生变化。我有重载的鼠标事件正常工作。我有试图改变 boundingRect 的自定义方法。但是对象拒绝改变大小。

作为快速简单的测试。我尝试使用硬编码值更改 paint() 方法中对象的大小。发生的事情是对象确实改变了大小。但是碰撞仍然使用旧的 bo​​undingRect 大小。

似乎让我感到困惑的是 QGraphicsObject 使用“const”boundingRect 值。我不知道该如何处理。

ResizableObject::ResizableObject( QGraphicsItem *parent ): QGraphicsObject( parent ), mResizeLeft( false ), mResizeRight( false ), mResizeBottom( false ), mResizeTop( false )
{
    setAcceptHoverEvents( true );
    setFlags( ItemIsMovable | ItemIsSelectable );
}

QRectF ResizableObject::boundingRect() const
{
    return QRectF(0 , 0 , 100 , 100);
}

void ResizableObject::paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget)
{
    Q_UNUSED( option )
    Q_UNUSED( widget )
    painter->setRenderHint(QPainter::Antialiasing);

    //Determine whether to draw a solid, or dashed, outline border
    if (isSelected() )
    { 
        //Draw a dashed outlined rectangle
        painter->setPen( Qt::DashLine );
        painter->drawRect( boundingRect() );
    }
    else painter->drawRect(0,0,20,20); //Draw a normal solid outlined rectangle

    //No collisions are happening
    if(scene()->collidingItems(this).isEmpty())
    {
        //qDebug()<< "empty"; 
    }
    //Collisions are happening
    else
    {
        foreach(QGraphicsItem *item, collidingItems()) 
        {
            qDebug()<< item->pos();
        }
    }
}

我能找到的唯一例子是使用 Qwidget 或 QGraphicsRectItem。但它们略有不同，构造函数不是常量。谁能告诉我如何用鼠标更改这些 QGraphicsObjects 的大小？

Answer 1

paint 方法唯一的工作就是绘画。它不能做任何其他事情 - 包括尝试更改对象的大小。

我们不让项目本身调整大小，而是看看我们是否可以有一种更通用的方法来调整任何项目、任何类别的大小。首先，我们可能不希望所有对象都可以调整大小。我们需要一种方法来确定它们中的哪些是。我们还需要一种方法来告诉项目调整大小——QGraphicsItem 没有提供这样做的方法。在泛型编程中，一种用于提供此类功能的模式是特征类。此类实现特定于应用程序的特征，这些特征将根据我们的需要自定义通用调整大小行为。

对于这个简单的示例，我们允许任何 QGraphicsEllipseItem 都可以调整大小。对于您的应用程序，您可以实现任何您想要的逻辑——无需任何子类化。如果您有许多自定义的、可调整大小的项目，您当然可以为可调整大小的项目创建一个基类，并通过特征公开它。即便如此，traits 类仍然可以支持其他类的项目。

在所有情况下，要调整大小的项目必须是可选择的，我们利用选择机制 Hook 到场景中。这也可以在不使用选择的情况下完成。

// https://github.com/KubaO/stackoverflown/tree/master/questions/graphics-resizable-32416527
#include <QtWidgets>

class SimpleTraits {
public:
    /// Determines whether an item is manually resizeable.
    static bool isGraphicsItemResizeable(QGraphicsItem * item) {
        return dynamic_cast<QGraphicsEllipseItem*>(item);
    }
    /// Gives the rectangle one can base the resize operations on for an item
    static QRectF rectFor(QGraphicsItem * item) {
        auto ellipse = dynamic_cast<QGraphicsEllipseItem*>(item);
        if (ellipse) return ellipse->rect();
        return QRectF();
    }
    /// Sets a new rectangle on the item
    static void setRectOn(QGraphicsItem * item, const QRectF & rect) {
        auto ellipse = dynamic_cast<QGraphicsEllipseItem*>(item);
        if (ellipse) return ellipse->setRect(rect);
    }
};

要实现“宽橡皮筋” Controller ，我们需要一个助手来判断给定点与哪些矩形边缘相交:

/// The set of edges intersecting a rectangle of given pen width
Qt::Edges edgesAt(const QPointF & p, const QRectF & r, qreal w) {
    Qt::Edges edges;
    auto hw = w / 2.0;
    if (QRectF(r.x()-hw, r.y()-hw, w, r.height()+w).contains(p)) edges |= Qt::LeftEdge;
    if (QRectF(r.x()+r.width()-hw, r.y()-hw, w, r.height()+w).contains(p)) edges |= Qt::RightEdge;
    if (QRectF(r.x()-hw, r.y()-hw, r.width()+w, w).contains(p)) edges |= Qt::TopEdge;
    if (QRectF(r.x()-hw, r.y()+r.height()-hw, r.width()+w, w).contains(p)) edges |= Qt::BottomEdge;
    return edges;
}

然后，我们有一个“橡皮筋”调整大小助手项目，用于跟踪其场景中的选择。只要选择包含一个项目，并且该项目是可调整大小的，助手就会使自己成为要调整大小的项目的子项，并变得可见。它跟踪鼠标在橡皮筋事件边缘上的拖动，并相应地调整父项的大小。

template <typename Tr>
class ResizeHelperItem : public QGraphicsObject {
    QRectF m_rect;
    QPen m_pen;
    Qt::Edges m_edges;
    void newGeometry() {
        prepareGeometryChange();
        auto parentRect = Tr::rectFor(parentItem());
        m_rect.setTopLeft(mapFromParent(parentRect.topLeft()));
        m_rect.setBottomRight(mapFromParent(parentRect.bottomRight()));
        m_pen.setWidthF(std::min(m_rect.width(), m_rect.height()) * 0.1);
        m_pen.setJoinStyle(Qt::MiterJoin);
    }
public:
    ResizeHelperItem() {
        setAcceptedMouseButtons(Qt::LeftButton);
        m_pen.setColor(QColor(255, 0, 0, 128));
        m_pen.setStyle(Qt::SolidLine);
    }
    QRectF boundingRect() const Q_DECL_OVERRIDE {
        auto hWidth = m_pen.widthF()/2.0;
        return m_rect.adjusted(-hWidth, -hWidth, hWidth, hWidth);
    }
    void selectionChanged() {
        if (!scene()) { setVisible(false); return; }
        auto sel = scene()->selectedItems();
        if (sel.isEmpty() || sel.size() > 1) { setVisible(false); return; }
        auto item = sel.at(0);
        if (! Tr::isGraphicsItemResizeable(item)) { setVisible(false); return; }
        setParentItem(item);
        newGeometry();
        setVisible(true);
    }
    void paint(QPainter * p, const QStyleOptionGraphicsItem *, QWidget *) Q_DECL_OVERRIDE {
        p->setPen(m_pen);
        p->drawRect(m_rect);
    }
    void mousePressEvent(QGraphicsSceneMouseEvent * ev) Q_DECL_OVERRIDE {
        m_edges = edgesAt(ev->pos(), m_rect, m_pen.widthF());
        if (!m_edges) return;
        ev->accept();
    }
    void mouseMoveEvent(QGraphicsSceneMouseEvent * ev) Q_DECL_OVERRIDE {
        auto pos = mapToItem(parentItem(), ev->pos());
        auto rect = Tr::rectFor(parentItem());
        if (m_edges & Qt::LeftEdge) rect.setLeft(pos.x());
        if (m_edges & Qt::TopEdge) rect.setTop(pos.y());
        if (m_edges & Qt::RightEdge) rect.setRight(pos.x());
        if (m_edges & Qt::BottomEdge) rect.setBottom(pos.y());
        if (!!m_edges) {
            Tr::setRectOn(parentItem(), rect);
            newGeometry();
        }
    }
};

最后，我们创建一个简单的场景来尝试一下:

int main(int argc, char ** argv) {
    QApplication app{argc, argv};
    QGraphicsScene scene;
    QGraphicsView view { &scene };
    typedef ResizeHelperItem<SimpleTraits> HelperItem;
    HelperItem helper;
    QObject::connect(&scene, &QGraphicsScene::selectionChanged, &helper, &HelperItem::selectionChanged);
    scene.addItem(&helper);
    auto item = scene.addEllipse(0, 0, 100, 100);
    item->setFlag(QGraphicsItem::ItemIsSelectable);
    view.setMinimumSize(400, 400);
    view.show();
    return app.exec();
}