如何保留大boundingRect同时限制QGraphicsItem仅点击图像可移动

你当前的DrawImage类因默认点击检测基于boundingRect，导致点击整个200高度的区域都能移动。要保留大boundingRect用于绘制文本、血条，同时仅允许点击ghost.png图像区域时移动，只需重写shape()函数，基于图像alpha通道生成精确的点击判定路径。

修改类定义 #

添加shape()的重写声明，并增加成员变量存储图像：

class DrawImage : public QGraphicsItem
{
public:
    DrawImage();

protected:
    QRectF boundingRect() const override;
    void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget) override;
    QPainterPath shape() const override;

private:
    QImage m_ghostImage;
};

实现代码调整 #

DrawImage::DrawImage()
{
    setFlag(ItemIsMovable);
    m_ghostImage = QImage(":ghost.png").scaled(100, 100); // 提前加载并匹配绘制尺寸
}

QRectF DrawImage::boundingRect() const
{
    return QRectF(0, 0, 100, 200); // 保留原有的大boundingRect
}

void DrawImage::paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget)
{
    painter->drawImage(QRect(0, 0, 100, 100), m_ghostImage);
    // 在此添加文本、血条等绘制逻辑，boundingRect足够容纳
}

QPainterPath DrawImage::shape() const
{
    QPainterPath path;
    // 遍历图像每个像素，仅将不透明区域加入点击路径
    for (int y = 0; y < m_ghostImage.height(); ++y) {
        for (int x = 0; x < m_ghostImage.width(); ++x) {
            if (m_ghostImage.pixelColor(x, y).alpha() > 0) {
                path.addRect(x, y, 1, 1);
            }
        }
    }
    return path;
}

关键说明 #

• Qt会使用shape()返回的路径进行鼠标点击检测，替代默认的boundingRect范围，只有点击图像不透明区域才会触发移动
• 将图像存储为成员变量，避免每次绘制或检测时重复加载，提升性能
• 若图像原始尺寸与绘制区域不一致，提前用scaled()缩放匹配，确保坐标对应准确

内容的提问来源于stack exchange，提问作者Toloka