PySide(PyQt)的QPropertyAnimation(属性动画)的应用实践
关于QPropertyAnimation的基础知识见PySide(PyQt)的QPropertyAnimation(属性动画)-CSDN博客
原理和语句都很简单。然而在实践使用中 ,还是踩了坑,耗了一下午的时间才解决。
看代码:
from PyQt5.QtCore import QPropertyAnimation, QSize, QEasingCurve
from PyQt5.QtWidgets import QApplication, QVBoxLayout, QWidget, QLabel
app = QApplication([])
# 创建一个窗口
window = QWidget()
window.setGeometry(100, 100, 800, 300)
layout = QVBoxLayout(window)
# 创建一个标签
label = QLabel("Animate Me")
label.setStyleSheet('border:2px solid #b6b6b6;background-color:#e0e0e0;')
label.setFixedHeight(40) # 固定按钮的高度
layout.addWidget(label)
# 创建 QPropertyAnimation 对象
animation = QPropertyAnimation(label, b"size")
# 设置动画的起始值和结束值
start_size = label.size()
end_size = QSize(300, label.height()) # 目标宽度为300,高度保持不变
animation.setStartValue(start_size)
animation.setEndValue(end_size)
# 设置动画持续时间(2000 毫秒即 2 秒)
animation.setDuration(2000)
# 设置缓动曲线为线性
animation.setEasingCurve(QEasingCurve.Linear)
# 启动动画
animation.start()
window.show()
app.exec_()
这个代码的运行是没有任何问题的。将其稍加修改:
from PyQt5.QtCore import QPropertyAnimation, QSize, QEasingCurve
from PyQt5.QtWidgets import QApplication, QVBoxLayout, QWidget, QLabel
app = QApplication([])
# 创建一个窗口
window = QWidget()
window.setGeometry(100, 100, 800, 300)
layout = QVBoxLayout(window)
# 创建一个标签
label = QLabel("Animate Me")
label.setStyleSheet('border:2px solid #b6b6b6;background-color:#e0e0e0;')
label.setFixedHeight(40) # 固定按钮的高度
layout.addWidget(label)
def animate():
# 创建 QPropertyAnimation 对象
animation = QPropertyAnimation(label, b"size")
# 设置动画的起始值和结束值
start_size = label.size()
end_size = QSize(300, label.height()) # 目标宽度为300,高度保持不变
animation.setStartValue(start_size)
animation.setEndValue(end_size)
# 设置动画持续时间(2000 毫秒即 2 秒)
animation.setDuration(2000)
# 设置缓动曲线为线性
animation.setEasingCurve(QEasingCurve.Linear)
# 启动动画
animation.start()
animate()
window.show()
app.exec_()
新的代码中,将动画部分的定义和设置、运行定义为一个函数animate(),并在主循环中运行。从逻辑和语法上看没有任何问题,但是,运行的结果,并没有执行预期的动画。
究其原因, 新的代码中,QPropertyAnimation 对象animation,它是函数animate()的一个局部变量,当函数animate()执行完毕后,并没有将该变量传递到主线程,所以造成运行异常。解决方法是将QPropertyAnimation 对象定义为一个全局变量,即可保证在局部函数运行后,QPropertyAnimation 对象仍然持续运行。修改后的代码:
from PyQt5.QtCore import QPropertyAnimation, QSize, QEasingCurve
from PyQt5.QtWidgets import QApplication, QVBoxLayout, QWidget, QLabel
app = QApplication([])
# 创建一个窗口
window = QWidget()
window.setGeometry(100, 100, 800, 300)
layout = QVBoxLayout(window)
# 创建一个标签
label = QLabel("Animate Me")
label.setStyleSheet('border:2px solid #b6b6b6;background-color:#e0e0e0;')
label.setFixedHeight(40) # 固定按钮的高度
layout.addWidget(label)
# 创建全局变量的QPropertyAnimation 对象
animation = QPropertyAnimation(label, b"size")
def animate():
# 创建 QPropertyAnimation 对象
# animation = QPropertyAnimation(label, b"size")
# 设置动画的起始值和结束值
start_size = label.size()
end_size = QSize(300, label.height()) # 目标宽度为300,高度保持不变
animation.setStartValue(start_size)
animation.setEndValue(end_size)
# 设置动画持续时间(2000 毫秒即 2 秒)
animation.setDuration(2000)
# 设置缓动曲线为线性
animation.setEasingCurve(QEasingCurve.Linear)
# 启动动画
animation.start()
animate()
window.show()
app.exec_()
或者:
from PyQt5.QtCore import QPropertyAnimation, QSize, QEasingCurve, QObject
from PyQt5.QtWidgets import QApplication, QVBoxLayout, QWidget, QLabel
app = QApplication([])
# 项目的定义
class UI(QObject): # 将项目定义为QObject,用来管理项目级别的信号和变量
def __init__(self):
super().__init__()
# 窗口的定义
class Window(QWidget):
def __init__(self, parent=None):
super().__init__(parent)
self.setupUI()
def setupUI(self):
self.setGeometry(100, 100, 800, 300)
self.layout = QVBoxLayout(self)
# 创建一个标签
self.label = QLabel("Animate Me")
self.label.setStyleSheet('border:2px solid #b6b6b6;background-color:#e0e0e0;')
self.label.setFixedHeight(40) # 固定按钮的高度
self.layout.addWidget(self.label)
# UI类的实体化
ui = UI()
# 窗口的实体化
window = Window()
# 创建全局变量的QPropertyAnimation 对象
ui.animation = QPropertyAnimation(window.label, b"size")
def animate(obj):
# 创建 QPropertyAnimation 对象
# animation = QPropertyAnimation(label, b"size")
# 设置动画的起始值和结束值
start_size = obj.size()
end_size = QSize(300, obj.height()) # 目标宽度为300,高度保持不变
ui.animation.setStartValue(start_size)
ui.animation.setEndValue(end_size)
# 设置动画持续时间(2000 毫秒即 2 秒)
ui.animation.setDuration(2000)
# 设置缓动曲线为线性
ui.animation.setEasingCurve(QEasingCurve.Linear)
# 启动动画
ui.animation.start()
animate(window.label)
window.show()
app.exec_()
这个代码中,定义了一个UI(QObject)的类,将其作为项目级别的信号和变量的容器。以“ui.”开头的变量都是项目级别的、跨画面的,其生命周期属于主线程。
进一步的应用demo,见PySide(PyQt)使用QPropertyAnimation制作动态界面-CSDN博客
原文地址:https://blog.csdn.net/xulibo5828/article/details/140699868
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!