Как анимировать градиент фона qpushbutton, чтобы он двигался слева направо при наведении курсора? - PullRequest
Новая
       25

Как анимировать градиент фона qpushbutton, чтобы он двигался слева направо при наведении курсора?

2 голосов
/ 05 октября 2019

Я практикую свои навыки программирования и пытаюсь создать приложение для системы входа в систему с PyQt. Я разработал его после Логин V4 . Теперь я пытаюсь добиться этой крутой градиентной анимации с помощью кнопки «Вход», когда вы наводите на нее курсор. Но код CSS для анимации чего-то подобного не работает в qt stylesheet. Я разработал приложение с помощью Qt Designer. Возможно ли даже создать эту анимацию в pyqt? Если да, то как вам это?

Мое приложение выглядит так:

enter image description here

Код таблицы стилей кнопки входа в систему: 

QPushButton#login_button {
font: 75 10pt "Microsoft YaHei UI";
font-weight: bold;
color: rgb(255, 255, 255);
background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgb(61, 217, 245), stop:1 rgb(240, 53, 218));
border-style: solid;
border-radius:21px;
}

1 Ответ

3 голосов
/ 05 октября 2019

Как вы подозреваете, Qt Style Sheet не поддерживает анимацию. В этом случае альтернативой является использование QXAnimation в качестве QVariantAnimation: 

from PyQt5 import QtCore, QtGui, QtWidgets


class LoginButton(QtWidgets.QPushButton):
    def __init__(self, parent=None):
        super().__init__(parent)

        self.setMinimumSize(60, 60)

        self.color1 = QtGui.QColor(240, 53, 218)
        self.color2 = QtGui.QColor(61, 217, 245)

        self._animation = QtCore.QVariantAnimation(
            self,
            valueChanged=self._animate,
            startValue=0.00001,
            endValue=0.9999,
            duration=250
        )

    def _animate(self, value):
        qss = """
            font: 75 10pt "Microsoft YaHei UI";
            font-weight: bold;
            color: rgb(255, 255, 255);
            border-style: solid;
            border-radius:21px;
        """
        grad = "background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 {color1}, stop:{value} {color2}, stop: 1.0 {color1});".format(
            color1=self.color1.name(), color2=self.color2.name(), value=value
        )
        qss += grad
        self.setStyleSheet(qss)

    def enterEvent(self, event):
        self._animation.setDirection(QtCore.QAbstractAnimation.Forward)
        self._animation.start()
        super().enterEvent(event)

    def leaveEvent(self, event):
        self._animation.setDirection(QtCore.QAbstractAnimation.Backward)
        self._animation.start()
        super().enterEvent(event)

if __name__ == "__main__":
    import sys

    app = QtWidgets.QApplication(sys.argv)

    w = QtWidgets.QWidget()
    lay = QtWidgets.QVBoxLayout(w)

    for i in range(5):
        button = LoginButton()
        button.setText("Login")
        lay.addWidget(button)
    lay.addStretch()
    w.resize(640, 480)
    w.show()
    sys.exit(app.exec_())
...