如何为 QPushButton 的背景颜色设置动画（动态更改按钮颜色）

Posted 2023-03-30

【中文标题】如何为 QPushButton 的背景颜色设置动画（动态更改按钮颜色）

【英文标题】：How to animate the background color of a QPushButton(change button color dynamically)

【发布时间】：2021-02-21 09:04:04

【问题描述】：

我正在尝试在 pyqt5 Python 中制作一个按钮，将背景颜色 - 阴影等从浅绿色变为 grenn，然后变为深绿色。

我尝试了一些代码，但没有。

这是我的代码：

    def colorChange(self,button):     
        self.anim = QPropertyAnimation(button, b"color")
        self.anim.setDuration(2500)
        self.anim.setLoopCount(2)
        self.anim.setStartValue(QColor(0, 0, 0))
        self.anim.setEndValue(QColor(255, 255, 255))  
        self.anim.start()  

    def eventFilter(self, object, event):
        
        print(int(time.time()-self.first))
        if event.type() == QtCore.QEvent.Enter:
            if self.stackedWidget.currentIndex()==0:
                self.pagelabel1.deleteLater() 
                print("Mouse is over the label")
                self.stop = True
                print('program stop is', self.stop)

                pick=random.randrange(0,2)
                print('random:',pick)
                pick=0
                if pick==0:
                    #self.doAnimation(self.right1)
                    self.colorChange(self.right1)
                    
                    #self.right1.setStyleSheet("background-color: lightgreen")
                    self.right1.clicked.connect(self.nextpage)
                else:
                    #self.doAnimation(self.left1)
                    self.colorChange(self.left1)
                    
                    #self.left1.setStyleSheet("background-color: lightgreen")
                    self.left1.clicked.connect(self.nextpage)

我想让eventFilter启动动画，动画会是按钮的颜色变化。

【参考方案1】：

按钮（和其他小部件）没有名为 color 的 qproperty，因此您不应该使用 QPropertyAnimation，在这种情况下您应该使用 Qt StyleSheet 来更改颜色，因此您应该使用 QVariantAnimation：

import functools
from PyQt5 import QtCore, QtGui, QtWidgets


def helper_function(widget, color):
    widget.setStyleSheet("background-color: ".format(color.name()))


def apply_color_animation(widget, start_color, end_color, duration=1000):
    anim = QtCore.QVariantAnimation(
        widget,
        duration=duration,
        startValue=start_color,
        endValue=end_color,
        loopCount=2,
    )
    anim.valueChanged.connect(functools.partial(helper_function, widget))
    anim.start(QtCore.QAbstractAnimation.DeleteWhenStopped)


class Widget(QtWidgets.QWidget):
    def __init__(self, parent=None):
        super().__init__(parent)

        self.button = QtWidgets.QPushButton()

        lay = QtWidgets.QVBoxLayout(self)
        lay.addWidget(self.button)

        timer = QtCore.QTimer(self, interval=5 * 1000)
        timer.timeout.connect(self.handle_timeout)
        timer.start()
        self.handle_timeout()

    def handle_timeout(self):
        apply_color_animation(
            self.button,
            QtGui.QColor("lightgreen"),
            QtGui.QColor("darkgreen"),
            duration=2500,
        )


if __name__ == "__main__":
    import sys

    app = QtWidgets.QApplication(sys.argv)
    app.setStyle("fusion")
    w = Widget()
    w.show()
    sys.exit(app.exec_())