簡體   English   中英

獲取相對於圖像限制的鼠標 position

[英]Getting mouse position relative to image limits

我在自定義QLabel中顯示圖像並點擊此 label。 我只對圖像中的點擊感興趣,並且在 position 中,用 0 和 1 之間的數字表示,0 是最左邊或最上面的像素,1 是最右邊或最下面的像素,不管圖像的實際大小如何。

我無法獲取圖像矩形來計算 position。 當我調用self.pixmap.rect()時,寬度和高度是原始圖像尺寸,而不是縮放以適合 label 的圖像尺寸。

我在做什么錯?

from PyQt5.QtCore import Qt, pyqtSignal
from PyQt5.QtWidgets import QApplication, QWidget, QLabel, QGridLayout
from PyQt5.QtGui import QPixmap

class Window(QWidget):
    def __init__(self):
        super().__init__()
        image_path = '092.jpg'
        image_area = Image_Area(QPixmap(image_path))
        image_area.left_click.connect(self.image_clicked)

        layout = QGridLayout()
        layout.addWidget(image_area, 0, 0)
        self.setLayout(layout)

    # Left click on image
    def image_clicked(self, x, y):
        print(f'{x:.3f},{y:.3f}')


class Image_Area(QLabel):

    left_click = pyqtSignal(float, float)

    def __init__(self, pixmap):
        super().__init__()
        self.pixmap = pixmap
        self.setPixmap(pixmap)
        self.setScaledContents(False)
        self.setMinimumSize(100, 100)

    def resizeEvent(self, e):
        if self.pixmap != None:
            width, height = int(self.width()), int(self.height())
            scaled_pixmap = self.pixmap.scaled(width, height, Qt.KeepAspectRatio)
            self.setPixmap(scaled_pixmap)

        return super().resizeEvent(e)

    def mousePressEvent(self, e):
        x, y, = e.x(), e.y()

        if self.pixmap:
            # Get pixmap rectangle
            r = self.pixmap.rect()
            x0, y0 = r.x(), r.y()
            x1, y1 = x0+r.width(), y0+r.height()

            # Check we clicked on the pixmap
            if x >= x0 and x < x1 and y >= y0 and y < y1:

                # emit position relative to pixmap bottom-left corner
                x_relative = (x - x0) / (x1 - x0)
                y_relative = (y - y0) / (y1 - y0)
                self.left_click.emit(x_relative, y_relative)

        super().mousePressEvent(e)


app = QApplication([])
window = Window()
window.show()
app.exec()

更新:提供答案后,我意識到點擊 position 相對於圖像原點的計算是錯誤的,這里有一個准確的版本給感興趣的人:

def mousePressEvent(self, e):
        # Mouse position is in label coordinates
        x, y, = e.x(), e.y()

        if self.pixmap():
            # pixmap is not a widget, we don't have its location,
            # so we assume the pixmap is centered in the label and
            # compute the location with respect to label
            label_size = self.size()
            pixmap_size = self.pixmap().size()
            width = pixmap_size.width()
            height = pixmap_size.height()

            x0 = int((label_size.width() - width) / 2)
            y0 = int((label_size.height() - height) / 2)

            # Check we clicked on the pixmap
            if (x >= x0 and x < (x0 + width) and
                y >= y0 and y < (y0 + height)):

                # emit position relative to pixmap top-left corner
                x_relative = (x - x0) / width
                y_relative = (y - y0) / height
                self.left_click.emit(x_relative, y_relative)

        super().mousePressEvent(e)

你必須使用QLabel中建立的QPixmap,可以通過pixmap()方法獲得。 問題是您混淆了對該方法的訪問,因為您有一個名稱相似的屬性。 所以解決方案是使用pixmap()並重命名屬性pixmap

class Image_Area(QLabel):

    left_click = pyqtSignal(float, float)

    def __init__(self, pixmap):
        super().__init__()
        self._pixmap = pixmap
        self.setPixmap(pixmap)
        self.setScaledContents(False)
        self.setMinimumSize(100, 100)

    def resizeEvent(self, e):
        if self._pixmap is not None:
            scaled_pixmap = self._pixmap.scaled(self.size(), Qt.KeepAspectRatio)
            self.setPixmap(scaled_pixmap)
        return super().resizeEvent(e)

    def mousePressEvent(self, e):
        x, y, = (
            e.x(),
            e.y(),
        )
        if self.pixmap:
            r = self.pixmap().rect()
            x0, y0 = r.x(), r.y()
            x1, y1 = x0 + r.width(), y0 + r.height()
            if x >= x0 and x < x1 and y >= y0 and y < y1:
                x_relative = (x - x0) / (x1 - x0)
                y_relative = (y - y0) / (y1 - y0)
                self.left_click.emit(x_relative, y_relative)
        super().mousePressEvent(e)

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM