Как связать функции между собой

@aleel · Регистрация: 31.01.2021

Студворк — интернет-сервис помощи студентам

У меня не работает анимация кнопки, не знаю в чём проблема, думаю это из-за того, что функция setupUi не связана с остальными (не уверен)
Как это можно исправить или проблема в чем-то другом?

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
from PyQt5 import QtCore, QtGui, QtWidgets
 
class Ui_Form(QtWidgets.QPushButton):
    def __init__(self):
        super().__init__()
 
        self._animation = QtCore.QVariantAnimation(
            self,
            valueChanged=self._animate,
            startValue=0.00001,
            endValue=0.9999,
            duration=250
        )
 
    def _animate(self, value):
        self.qss = ("QPushButton {\n"
                    "font: 75 10pt 'Microsoft YaHei UI';\n"
                    "font-weight: bold;\n"
                    "color: rgb(255, 255, 255);\n"
                    "border-style: solid;\n"
                    "border-radius:21px;\n"
                    f"background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 #f035da, stop:{value} #3DD9F5, stop: 1.0 #f035da);\n"
                    "}")
 
    def setupUi(self, Form):
 
        Form.setObjectName("Form")
        Form.resize(1280, 720)
        font = QtGui.QFont()
        font.setPointSize(8)
        font.setBold(False)
        Form.setFont(font)
        Form.setAutoFillBackground(False)
        Form.setStyleSheet("")
 
        self.pushButton = QtWidgets.QPushButton(Form)
        self.pushButton.setGeometry(QtCore.QRect(430, 510, 331, 101))
        self.pushButton.setFont(font)
        self.pushButton.setCursor(QtGui.QCursor(QtCore.Qt.PointingHandCursor))
        self.pushButton.setStyleSheet(self.qss)
        self.pushButton.setObjectName("pushButton")
 
        self.retranslateUi(Form)
        QtCore.QMetaObject.connectSlotsByName(Form)
 
    def retranslateUi(self, value):
        _translate = QtCore.QCoreApplication.translate
 
    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)
    Form = QtWidgets.QMainWindow()
    ui = Ui_Form()
    ui.setupUi(Form)
    Form.show()
    sys.exit(app.exec_())

Пример рабочей анимации:

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
from PyQt5 import QtCore, QtGui, QtWidgets
 
 
class Button(QtWidgets.QPushButton):
    def __init__(self):
        super().__init__()
 
        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 = Button()
        button.setText("Button {}".format(i))
        lay.addWidget(button)
    lay.addStretch()
    w.resize(640, 480)
    w.show()
    sys.exit(app.exec_())

@dondublon · 11.03.2021, 09:33

Сообщение от aleel

def setupUi(self, Form):

Вроде, Form у вас == self. Зачем передавать? И да, параметры традиционно lower case. Upper case для классов.

Добавлено через 2 минуты

Сообщение от aleel

def enterEvent(self, event):
...
self._animation.start()

Вижу, старт анимации на enterEvent. Не помню, что это за функция, но, судя по названию, общая функция для евента. Она точно есть у super()?
Если нет, значит, это ваша собственная функция, и её надо привязать к слоту.

@iamvic · 11.03.2021, 10:11

В вашем варианте _animate() значение параметра value никак не влияет на self.qss.
Стиль на кнопку натягивается один раз при инициализации.

В работающем варианте переменная часть self.qss (та которая grad) меняется каждые 250мс
и после изменения стиль сразу натягивается на кнопку.

@aleel · 11.03.2021, 18:05 **[ТС]**

Можете подсказать, как привязать функцию к слоту

Сообщение от dondublon

Если нет, значит, это ваша собственная функция, и её надо привязать к слоту.

@dondublon · 11.03.2021, 18:14

aleel, погуглите PyQT signals and slots.
Лучше именно pyqt, а не просто Qt, потому что на питоне функции не надо оборачивать в сигналы, присязываем прямо так. Но можно и с++-ный вариант посмотреть.

@aleel · 12.03.2021, 17:38 **[ТС]**

Сейчас анимация происходит при наведении на виджет, как сделать что-бы она была при наведении на кнопку?

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
from PyQt5 import QtCore, QtGui, QtWidgets
 
class Ui_Form(object):
 
    def setupUi(self, Form):
        Form.setObjectName("Form")
        Form.resize(1280, 720)
        font = QtGui.QFont()
        font.setPointSize(8)
        font.setBold(False)
        Form.setFont(font)
        Form.setAutoFillBackground(False)
        Form.setStyleSheet("")
 
        self.pushButton = QtWidgets.QPushButton(Form)
        self.pushButton.setGeometry(QtCore.QRect(430, 510, 331, 101))
        self.pushButton.setCursor(QtGui.QCursor(QtCore.Qt.PointingHandCursor))
 
        self.retranslateUi(Form)
        QtCore.QMetaObject.connectSlotsByName(Form)
 
    def retranslateUi(self, Form):
        _translate = QtCore.QCoreApplication.translate
 
# class Button(QtWidgets.QPushButton):
class Button(QtWidgets.QWidget):
    def __init__(self, parent=None):
        super().__init__(parent)
        self.ui = Ui_Form()
        self.ui.setupUi(self)
 
        self._animation = QtCore.QVariantAnimation(
            self,
            valueChanged=self.anim,
            startValue=0.00001,
            endValue=0.9999,
            duration=250
        )
 
    def anim(self, value):
        self.ui.pushButton.setStyleSheet("QPushButton {\n"
                                      "font: 75 10pt 'Microsoft YaHei UI';\n"
                                      "font-weight: bold;\n"
                                      "color: rgb(255, 255, 255);\n"
                                      "border-style: solid;\n"
                                      "border-radius:21px;\n"
                                      f"background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 #f035da, stop:{value} #3DD9F5, stop: 1.0 #f035da);\n"
                                      "}")
        self.ui.pushButton.setObjectName("pushButton")
 
    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)
 
 
app = QtWidgets.QApplication([])
application = Button()
application.show()
exit(app.exec())

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@iamvic 290 / 205 / 68 Регистрация: 18.09.2019 Сообщений: 407 Записей в блоге: 58
	11.03.2021, 10:11
	В вашем варианте _animate() значение параметра value никак не влияет на self.qss. Стиль на кнопку натягивается один раз при инициализации. В работающем варианте переменная часть self.qss (та которая grad) меняется каждые 250мс и после изменения стиль сразу натягивается на кнопку. 2

@dondublon 4652 / 2072 / 366 Регистрация: 17.03.2012 Сообщений: 10,182 Записей в блоге: 6
	11.03.2021, 18:14
	aleel, погуглите PyQT signals and slots. Лучше именно pyqt, а не просто Qt, потому что на питоне функции не надо оборачивать в сигналы, присязываем прямо так. Но можно и с++-ный вариант посмотреть. 1

Опции темы