QEvent::TouchUpdate 实现触屏移动大图片-QT开发中文网

在Qt中，如果你想通过触摸事件来实现移动一张大图片，可以使用QEvent::TouchUpdate事件来处理触屏的滑动。下面是一个基本的示例，展示如何使用QGraphicsView和QGraphicsScene来实现这个功能。

示例代码

#include <QApplication>
#include <QGraphicsView>
#include <QGraphicsScene>
#include <QGraphicsPixmapItem>
#include <QGestureEvent>
#include <QTouchEvent>

class TouchView : public QGraphicsView {
public:
    TouchView(QWidget *parent = nullptr) : QGraphicsView(parent) {
        // 设置场景
        scene = new QGraphicsScene(this);
        setScene(scene);
        
        // 加载大图
        pixmapItem = new QGraphicsPixmapItem(QPixmap("path/to/your/large_image.jpg"));
        scene->addItem(pixmapItem);

        // 启用触摸事件
        setAttribute(Qt::WA_AcceptTouchEvents);
    }

protected:
    void touchEvent(QTouchEvent *event) override {
        const QList<QTouchEvent::TouchPoint> &touchPoints = event->touchPoints();
        
        for (const auto &point : touchPoints) {
            if (point.state() == Qt::TouchPointMoved) {
                // 获取当前触摸点的位置和之前的位置
                QPointF delta = point.pos() - point.lastPos();

                // 移动视图
                this->horizontalScrollBar()->setValue(this->horizontalScrollBar()->value() - delta.x());
                this->verticalScrollBar()->setValue(this->verticalScrollBar()->value() - delta.y());
            }
        }
        
        event->accept();
        return;
    }

private:
    QGraphicsScene *scene;
    QGraphicsPixmapItem *pixmapItem;
};

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    TouchView view;
    view.setFixedSize(800, 600); // 设置视图大小
    view.show();

    return app.exec();
}

说明

加载大图片：我们创建了一个 QGraphicsPixmapItem 来显示大图。
启用触摸事件：通过设置 Qt::WA_AcceptTouchEvents 属性，让视图能够接收触摸事件。
处理 touchEvent()：在重写的 touchEvent() 方法中，我们遍历所有的触摸点，并计算它们从上一次位置到现在的位置之间的位移 (delta)。然后根据这些位移调整视图的滚动条，从而达到移动图片的效果。

请根据自己的需求修改代码，比如更新路径、图片大小等。同时，你可以添加更多的手势支持，例如缩放和平移，以提升用户体验。

内容由零声教学AI助手提供，问题来源于学员提问

目录导航

示例代码

说明