QGraphicsView 可以加上鼠标点击移动图片操作并且与滚条最大位置和最小位置限制吗-QT开发中文网

当然可以！在 QGraphicsView 中实现鼠标点击移动图片并与滚动条（QScrollBar）的最大和最小位置限制是很常见的需求。下面是一个简单的示例，演示如何使用 PyQt5 实现这个功能。

示例代码

import sys
from PyQt5.QtWidgets import QApplication, QMainWindow, QGraphicsView, QGraphicsScene, QGraphicsPixmapItem, QSlider, QVBoxLayout, QWidget
from PyQt5.QtCore import Qt
from PyQt5.QtGui import QPixmap


class ImageMover(QMainWindow):
    def __init__(self):
        super().__init__()

        self.setWindowTitle("Image Mover with Scrollbar")
        self.setGeometry(100, 100, 600, 500)

        # 创建场景和视图
        self.scene = QGraphicsScene(self)
        self.view = QGraphicsView(self.scene)
        
        # 加载图像并添加到场景中
        self.image_item = QGraphicsPixmapItem(QPixmap("your-image-url.jpg"))
        self.scene.addItem(self.image_item)

        # 设置视图属性
        self.view.setRenderHint(Qt.Antialiasing)
        
        # 创建滚动条
        self.scrollbar = QSlider(Qt.Horizontal)
        self.scrollbar.setMinimum(-300)  # 根据需要设置最小值
        self.scrollbar.setMaximum(0)      # 根据需要设置最大值
        self.scrollbar.valueChanged.connect(self.update_image_position)

        # 布局设置
        layout = QVBoxLayout()
        layout.addWidget(self.view)
        layout.addWidget(self.scrollbar)

        container = QWidget()
        container.setLayout(layout)
        
        self.setCentralWidget(container)

    def mousePressEvent(self, event):
        if event.button() == Qt.LeftButton:
            pos = event.pos()
            scene_pos = self.view.mapToScene(pos)   # 转换为场景坐标
            
            if self.image_item.isUnderMouse():
                print("Image clicked at: ", scene_pos.x(), scene_pos.y())
                # 记录鼠标相对图片的位置，以便拖拽时使用
                
                offset_x = scene_pos.x() - self.image_item.x()
                offset_y = scene_pos.y() - self.image_item.y()

                # 拖拽移动图片
                def mouse_move(event):
                    if event.buttons() == Qt.LeftButton:
                        new_scene_pos = self.view.mapToScene(event.pos())
                        new_x = new_scene_pos.x() - offset_x
                        new_y = new_scene_pos.y() - offset_y

                        # 更新图片位置，限制在滚动条范围内
                        new_x_limit = max(new_x, -300)  # 最小限制为-300，根据你的需求调整 
                        new_x_limit = min(new_x_limit, 0)  # 最大限制为0

                        self.image_item.setPos(new_x_limit, new_y)

                def mouse_release(event):
                    event.accept()
                    QApplication.instance().mouseMoveEvent.disconnect(mouse_move)
                    QApplication.instance().mouseReleaseEvent.disconnect(mouse_release)

                QApplication.instance().mouseMoveEvent.connect(mouse_move)
                QApplication.instance().mouseReleaseEvent.connect(mouse_release)

    def update_image_position(self):
        value = self.scrollbar.value()
        
         # 更新图片的位置以匹配滚动条值，从而实现同步效果。
         self.image_item.setX(value)


if __name__ == "__main__":
    app = QApplication(sys.argv)
    window = ImageMover()
    window.show()
    sys.exit(app.exec_())