QT C++侧视图拖拽赛车游戏：QGraphicsView场景移动及初始位置设置问询

我来帮你解决这个QGraphicsView场景滚动的问题，正好在QT开发2D侧视图游戏时经常会用到这类需求，下面是具体的实现步骤和代码示例：

1. 自定义QGraphicsView类 #

要实现键盘控制视图滚动，我们需要自定义一个继承自QGraphicsView的类，这样可以重写键盘事件处理方法，同时方便设置初始视图位置。

头文件（CustomGraphicsView.h） #

#ifndef CUSTOMGRAPHICSVIEW_H
#define CUSTOMGRAPHICSVIEW_H

#include <QGraphicsView>

class CustomGraphicsView : public QGraphicsView
{
    Q_OBJECT
public:
    explicit CustomGraphicsView(QWidget *parent = nullptr);

protected:
    void keyPressEvent(QKeyEvent *event) override;
};

#endif // CUSTOMGRAPHICSVIEW_H

实现文件（CustomGraphicsView.cpp） #

#include "CustomGraphicsView.h"
#include <QKeyEvent>

CustomGraphicsView::CustomGraphicsView(QWidget *parent) : QGraphicsView(parent)
{
    // 初始时将水平滚动条定位到最左侧，对应场景x=0的位置
    horizontalScrollBar()->setValue(0);
    
    // 可选：如果不需要显示滚动条，可关闭它们
    // setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
    // setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
}

void CustomGraphicsView::keyPressEvent(QKeyEvent *event)
{
    if (event->key() == Qt::Key_W) {
        // 获取当前水平滚动条的位置
        int currentPos = horizontalScrollBar()->value();
        // 向左移动1像素，同时避免滚出场景左边界
        if (currentPos > 0) {
            horizontalScrollBar()->setValue(currentPos - 1);
        }
        // 如果需要循环滚动或允许超出边界，直接去掉上面的判断即可
        // horizontalScrollBar()->setValue(currentPos - 1);
    }
    
    // 必须调用父类的事件处理，保证其他按键功能正常
    QGraphicsView::keyPressEvent(event);
}

2. 初始化场景与视图 #

在主窗口或游戏初始化代码中，创建3600x800的场景，并绑定到我们的自定义视图：

#include "CustomGraphicsView.h"
#include <QGraphicsScene>
#include <QApplication>
#include <QWidget>
#include <QVBoxLayout>

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

    QWidget window;
    window.setWindowTitle("侧视图赛车游戏");
    QVBoxLayout* layout = new QVBoxLayout(&window);

    // 创建3600x800的场景
    QGraphicsScene* scene = new QGraphicsScene(0, 0, 3600, 800);
    // 可选：添加测试元素，比如一条贯穿场景的横线，方便观察滚动效果
    scene->addLine(0, 400, 3600, 400);

    // 创建自定义视图并绑定场景
    CustomGraphicsView* view = new CustomGraphicsView();
    view->setScene(scene);
    // 设置视图显示大小，比如800x800，这样只能看到场景的一部分
    view->resize(800, 800);

    layout->addWidget(view);
    window.show();

    return a.exec();
}

关键逻辑说明 #

• 初始位置设置：通过horizontalScrollBar()->setValue(0)直接将水平滚动条定位到最小值，确保视图初始显示场景的最左侧区域。
• 键盘事件响应：重写keyPressEvent后，检测到W键时调整水平滚动条的值——滚动条的value对应场景可见区域的左边缘x坐标，因此减1即可实现视图向左移动1像素。
• 边界控制：添加currentPos > 0的判断是为了防止视图滚出场景左边界，如果你需要实现循环滚动或者允许视图超出场景范围，去掉这个判断即可。

内容的提问来源于stack exchange，提问作者Janez Potočnik