PySide6中基于QGraphicsSceneWheelEvent实现图形缩放的示例请求

问题说明 #

需要为QGraphicsView展示的图形添加滚轮缩放功能，原PyQt5尝试代码未实现缩放效果，现需一个可直接运行的PySide6实现示例。

原代码问题分析 #

原代码存在以下导致缩放失效的问题：

• 同时使用QGraphicsPixmapItem和QLabel显示图片，QLabel不属于图形场景，无法随场景缩放
• wheelEvent仅更新标签文本，未实现任何缩放逻辑
• 字符串拼接使用了错误的QStringListModel.number方法，属于语法错误

可运行PySide6示例代码 #

import sys
from PySide6.QtWidgets import (QApplication, QGraphicsView, QGraphicsScene, 
                               QGraphicsPixmapItem, QWidget, QVBoxLayout)
from PySide6.QtGui import QPixmap, QPainter
from PySide6.QtCore import Qt

class ImageViewer(QGraphicsView):
    def __init__(self, parent=None):
        super().__init__(parent)
        
        # 初始化图形场景
        self.scene = QGraphicsScene(self)
        self.setScene(self.scene)
        
        # 加载图片并添加到场景
        pixmap = QPixmap("ETT_logo.png")  # 替换为你的图片路径
        if not pixmap.isNull():
            self.image_item = QGraphicsPixmapItem(pixmap)
            self.scene.addItem(self.image_item)
            # 调整场景范围适配图片
            self.scene.setSceneRect(self.image_item.boundingRect())
        
        # 视图优化设置
        self.setDragMode(QGraphicsView.ScrollHandDrag)  # 启用拖拽查看
        self.setRenderHint(QPainter.Antialiasing)  # 抗锯齿
        self.setRenderHint(QPainter.SmoothPixmapTransform)  # 平滑像素变换
        
        # 缩放参数
        self.zoom_step = 1.1  # 每次滚轮的缩放幅度

    def wheelEvent(self, event):
        # 获取鼠标在场景中的位置，作为缩放中心
        mouse_scene_pos = self.mapToScene(event.position().toPoint())
        
        # 根据滚轮方向计算缩放因子
        scale_factor = self.zoom_step if event.angleDelta().y() > 0 else 1 / self.zoom_step
        
        # 以鼠标位置为中心缩放：先将视图中心移到鼠标点，缩放后保持中心位置
        self.centerOn(mouse_scene_pos)
        self.scale(scale_factor, scale_factor)

if __name__ == "__main__":
    app = QApplication(sys.argv)
    
    # 创建主窗口及布局
    main_window = QWidget()
    layout = QVBoxLayout(main_window)
    
    viewer = ImageViewer()
    layout.addWidget(viewer)
    
    main_window.setWindowTitle("图形视图滚轮缩放示例")
    main_window.resize(800, 600)
    main_window.show()
    
    sys.exit(app.exec())

代码说明 #

• 仅使用QGraphicsPixmapItem将图片添加到图形场景，保证缩放逻辑能作用于图片
• 以鼠标所在场景位置为中心进行缩放，符合日常交互习惯
• 启用拖拽模式，方便缩放后拖动查看图片不同区域
• 抗锯齿和平滑像素变换设置，提升缩放后的图片显示清晰度

内容的提问来源于stack exchange，提问作者J-ml9 carré