如何在 PyQt5 中单击鼠标时更改图标

Question

我在 PyQt5 上使用 python 3.6。我希望按钮默认为 off.png，然后当我点击它时图标变为 clicking.png，当我释放点击时它变为 On.png 目前默认是off.png，但是点击后图标不会变成clicking.png，松开成功会变成on.png

奇怪的是，当我点击 window（而不是实际的按钮）时，图标会切换到 clicking.png 并在我松开后返回 off.png它。如何修改中间三行代码，让点击按钮时图标变成clicking.png，松开后图标变成on.png？谢谢

注意：如果您的计算机上没有保存任何图像，我认为代码不会运行。

我试过使用不同的 modes/states 但仍然无法正常工作

self.pushButton = QtWidgets.QPushButton(self.centralwidget)
self.pushButton.setGeometry(QtCore.QRect(160, 180, 271, 121))
self.pushButton.setStyleSheet("")
self.pushButton.setText("")
icon = QtGui.QIcon()

icon.addPixmap(QtGui.QPixmap("images/Clicking.png"))
icon.addPixmap(QtGui.QPixmap("images/Off.png"), QtGui.QIcon.Active)
icon.addPixmap(QtGui.QPixmap("images/On.png"), QtGui.QIcon.Normal, QtGui.QIcon.On)


self.pushButton.setIcon(icon)
self.pushButton.setIconSize(QtCore.QSize(300, 300))
self.pushButton.setCheckable(True)
self.pushButton.setAutoRepeatDelay(400)
self.pushButton.setDefault(False)
self.pushButton.setObjectName("pushButton")

Answer 1

您将小部件的状态与按钮的状态混淆了。例如，在 QIcon 使用小部件状态的情况下，正常状态是用户不与小部件交互时，选择状态是用户选择小部件时，禁用状态是小部件被禁用时，以及活动状态是用户与小部件交互时的状态。另一方面，根据您的逻辑，无法知道按下之前和释放之后的状态。

解决方案是实现自定义按钮：

# ...

class PushButton(QtWidgets.QPushButton):
    def __init__(self, parent=None):
        super(PushButton, self).__init__(parent)
        self.setIcon(QtGui.QIcon("images/Off.png"))

    def mousePressEvent(self, event):
        super(PushButton, self).mousePressEvent(event)
        self.setIcon(QtGui.QIcon("images/Clicking.png"))

    def mouseReleaseEvent(self, event):
        super(PushButton, self).mouseReleaseEvent(event)
        self.setIcon(
            QtGui.QIcon("images/On.png" if self.isChecked() else "images/Off.png")
        )

# ...
self.pushButton = PushButton(self.centralwidget)
self.pushButton.setGeometry(QtCore.QRect(160, 180, 271, 121))
self.pushButton.setStyleSheet("")
self.pushButton.setText("")
self.pushButton.setIconSize(QtCore.QSize(300, 300))
self.pushButton.setCheckable(True)
self.pushButton.setAutoRepeatDelay(400)
self.pushButton.setDefault(False)
self.pushButton.setObjectName("pushButton")
# ...

如何在 PyQt5 中单击鼠标时更改图标

How to change icon while mouse is clicking in PyQt5

python

pyqt

qt-designer

python-3.x

pyqt5