pyqt5中动画的使用详解
一、pyqt5中动画的继承关系图
二、关于QAbstractAnimation父类的认识
1、主要作用
- 继承此类, 实现一些自定义动画
- 所有动画共享的功能
2、功能作用
循环操作
- setLoopCount(count):设置循环次数
- currentLoop():当前循环
- currentLoopTime():当前循环时间
时间操作
- duration():单次时长
- totalDuration():动画总时长
- currentTime():当前时长
动画方向
- setDirection(QAbstractAnimation.Forward/QAbstractAnimation.Backward)
动画状态state()
- QAbstractAnimation.Stopped:动画停止
- QAbstractAnimation.Paused:动画暂停
- QAbstractAnimation.Running:动画运行
三、QPropertyAnimation属性动画的使用
主要用于实现某个属性值从x到y的动画变化
1、定义动画的主要步骤
- 创建一个动画,并设置目标、属性
- 设置属性值的开始、插值、结束
- 动画时长
- 启动动画
2、构造函数使用方式
1.QPropertyAnimation(parent: QObject = None)
- 设置动画目标:setTargetObject(self, QObject)
- 设置动画属性(位置、大小等):setPropertyName(self, Union[QByteArray, bytes, bytearray])
2.QPropertyAnimation(QObject, Union[QByteArray, bytes, bytearray], parent: QObject = None)
3、常见的属性
- geometry
- pos
- size
- windowOpacity
4、设置开始值和结束值
- setStartValue(self, Any)
- setEndValue(self, Any)
- setKeyValueAt(self, float, Any)
- setKeyValues(self, object)
5、设置动画时长
- setDuration(int mesc)
6、启动动画
- start()
7、简单案例(位置的)
import sys from PyQt5.Qt import * class Window(QWidget): def __init__(self, *args, **kwargs): super().__init__(*args, **kwargs) self.setWindowTitle('动画') self.resize(500, 500) self.move(400, 200) self.btn = QPushButton(self) self.init_ui() def init_ui(self): self.btn.resize(100, 100) self.btn.move(0, 0) self.btn.setStyleSheet('QPushButton{border: none; background: pink;}') # 1.定义一个动画 animation = QPropertyAnimation(self) animation.setTargetObject(self.btn) animation.setPropertyName(b'pos') # 使用另外一种构造函数方式创建 # animation = QPropertyAnimation(self.btn, b'pos', self) # 2.设置属性值 animation.setStartValue(QPoint(0, 0)) animation.setEndValue(QPoint(400, 400)) # 3.设置时长 animation.setDuration(3000) # 4.启动动画 animation.start() if __name__ == "__main__": app = QApplication(sys.argv) window = Window() window.show() sys.exit(app.exec_())
8、使用插值的动画
import sys from PyQt5.Qt import * class Window(QWidget): def __init__(self, *args, **kwargs): super().__init__(*args, **kwargs) self.setWindowTitle('使用插值') self.resize(500, 500) self.move(400, 200) self.btn = QPushButton(self) self.init_ui() def init_ui(self): self.btn.resize(50, 50) self.btn.move(0, 0) self.btn.setStyleSheet('QPushButton{border: none; background: pink;}') # 1.创建动画 animation = QPropertyAnimation(self.btn, b'pos', self) # 2.定义动画插值 animation.setKeyValueAt(0, QPoint(0, 0)) animation.setKeyValueAt(0.25, QPoint(450, 0)) animation.setKeyValueAt(0.5, QPoint(450, 450)) animation.setKeyValueAt(0.75, QPoint(0, 450)) animation.setKeyValueAt(1, QPoint(0, 0)) # 3.动画时长 animation.setDuration(5000) # 4.启动动画 animation.start() if __name__ == "__main__": app = QApplication(sys.argv) window = Window() window.show() sys.exit(app.exec_())
四、QAnimationGroup动画组的使用
可以将一组动画, 同时播放或者按顺序播放
1、使用的步骤
- 根据上面的方式创建单独的动画(但不启动)
- 定义一个动画组
- 将之前的动画添加到动画组中
- 启动动画组
2、动画运行几种状态
- 并行动画QParallelAnimationGroup
- 串行动画QSequentialAnimationGroup
3、一个动画组的案例
import sys from PyQt5.Qt import * class Window(QWidget): def __init__(self, *args, **kwargs): super().__init__(*args, **kwargs) self.setWindowTitle('动画组') self.resize(500, 500) self.move(400, 200) self.btn1 = QPushButton(self) self.btn2 = QPushButton(self) self.init_ui() def init_ui(self): self.btn1.resize(50, 50) self.btn1.move(0, 0) self.btn1.setStyleSheet('QPushButton{border: none; background: pink;}') self.btn2.resize(50, 50) self.btn2.move(50, 50) self.btn2.setStyleSheet('border: none; background: cyan') # 按钮1的动画 animation1 = QPropertyAnimation(self.btn1, b'pos', self) animation1.setKeyValueAt(0, QPoint(0, 0)) animation1.setKeyValueAt(0.25, QPoint(450, 0)) animation1.setKeyValueAt(0.5, QPoint(450, 450)) animation1.setKeyValueAt(0.75, QPoint(0, 450)) animation1.setKeyValueAt(1, QPoint(0, 0)) animation1.setDuration(5000) # animation1.start() # 按钮2的动画 animation2 = QPropertyAnimation(self.btn2, b'pos', self) animation2.setKeyValueAt(0, QPoint(50, 50)) animation2.setKeyValueAt(0.25, QPoint(400, 50)) animation2.setKeyValueAt(0.5, QPoint(400, 400)) animation2.setKeyValueAt(0.75, QPoint(50, 400)) animation2.setKeyValueAt(1, QPoint(50, 50)) animation2.setDuration(3000) # animation2.start() animation_group = QSequentialAnimationGroup(self) animation_group.addAnimation(animation1) animation_group.addAnimation(animation2) animation_group.start() if __name__ == "__main__": app = QApplication(sys.argv) window = Window() window.show() sys.exit(app.exec_())
五、关于QAbstractAnimation中事件的操作
1、启动动画start()
2、暂停动画pause()
3、继续启动动画resume()
4、停止动画stop()
5、基本案例
import sys from PyQt5.Qt import * class Window(QWidget): def __init__(self, *args, **kwargs): super().__init__(*args, **kwargs) self.setWindowTitle('动画组') self.resize(500, 500) self.move(400, 200) self.btn1 = QPushButton(self) self.btn2 = QPushButton(self) self.init_ui() def init_ui(self): self.btn1.resize(50, 50) self.btn1.move(0, 0) self.btn1.setStyleSheet('QPushButton{border: none; background: pink;}') self.btn2.resize(50, 50) self.btn2.move(50, 50) self.btn2.setStyleSheet('border: none; background: cyan') # 按钮1的动画 animation1 = QPropertyAnimation(self.btn1, b'pos', self) animation1.setKeyValueAt(0, QPoint(0, 0)) animation1.setKeyValueAt(0.25, QPoint(450, 0)) animation1.setKeyValueAt(0.5, QPoint(450, 450)) animation1.setKeyValueAt(0.75, QPoint(0, 450)) animation1.setKeyValueAt(1, QPoint(0, 0)) animation1.setDuration(5000) # animation1.start() # 按钮2的动画 animation2 = QPropertyAnimation(self.btn2, b'pos', self) animation2.setKeyValueAt(0, QPoint(50, 50)) animation2.setKeyValueAt(0.25, QPoint(400, 50)) animation2.setKeyValueAt(0.5, QPoint(400, 400)) animation2.setKeyValueAt(0.75, QPoint(50, 400)) animation2.setKeyValueAt(1, QPoint(50, 50)) animation2.setDuration(8000) # animation2.start() animation_group = QParallelAnimationGroup(self) animation_group.addAnimation(animation1) animation_group.addAnimation(animation2) animation_group.start() self.btn1.clicked.connect(animation_group.pause) self.btn2.clicked.connect(animation_group.resume) if __name__ == "__main__": app = QApplication(sys.argv) window = Window() window.show() sys.exit(app.exec_())
到此这篇关于pyqt5中动画的使用详解的文章就介绍到这了,更多相关pyqt5 动画内容请搜索猪先飞以前的文章或继续浏览下面的相关文章希望大家以后多多支持猪先飞!
相关文章
- ps动态环绕动画效果是现在很多人都非常喜欢的,大多数人还不知道ps动态环绕动画效果怎么制作下面文章就给大家介绍下ps怎么制作科技感十足的动态环绕动画效果,一起来看看...2017-07-06
pyqt5 textEdit、lineEdit操作的示例代码
这篇文章主要介绍了pyqt5 textEdit、lineEdit操作的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-08-12- 微信小程序目前的火热程度相信不用多言,最近利用空余时间用小程序实现了个动态的登录页效果,所以下面这篇文章主要给大家介绍了利用微信小程序实现登录页云层漂浮动画效果的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。...2017-05-09
- Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果,Vue 提供了内置的过渡封装组件transition,该组件用于包裹要实现过渡效果的组件...2021-10-10
- 这篇文章主要介绍了jQuery动画效果相关方法,结合实例形式较为详细的分析了jQuery实现动画效果所用到的常见方法与相关注意事项,需要的朋友可以参考下...2016-01-05
- 这篇文章主要介绍了PyQt5结合matplotlib绘图的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-09-15
- 这篇文章主要为大家介绍了python编程使用PyQt5如何创建按钮及触发点击事件的示例解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步...2021-10-29
- 本文章来为各位介绍一篇利用PS制作“签名”GIF小动画的例子,希望这个制作过程能够帮助到各位朋友,各位进入看看吧。 先给大家看下效果,有兴趣的童鞋→_→可以...2016-09-14
- 这篇文章主要介绍了公众号SVG动画交互实战代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-06-01
- 这篇文章主要介绍了Pyqt5 实现窗口缩放,控件在窗口内自动伸缩的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-03-09
- 这篇文章主要介绍了PyQt5-QDateEdit的简单使用操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-07-12
jQuery实现的给图片点赞+1动画效果(附在线演示及demo源码下载)
这篇文章主要介绍了jQuery实现的给图片点赞+1动画效果,并附带在线演示及demo源码下载,涉及jQuery鼠标事件响应及页面元素属性动态操作相关技巧,需要的朋友可以参考下...2016-01-05- 这篇文章主要为大家详细介绍了js实现缓动动画,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-11-25
jQuery实现的点赞随机数字显示动画效果(附在线演示与demo源码下载)
这篇文章主要介绍了jQuery实现的点赞随机数字显示动画效果,并附带在线演示与demo源码供读者下载.涉及jQuery鼠标事件响应及基于animate动画效果实现技巧,需要的朋友可以参考下...2016-01-05- 这篇文章主要介绍了PyQt5 实现给无边框widget窗口添加背景图片的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-03-09
- 这篇文章主要介绍了JS实现点击登录弹出窗口同时背景色渐变动画效果,涉及JavaScript基于鼠标事件及时间函数定时触发形成渐变动画的相关技巧,需要的朋友可以参考下...2016-03-28
- 最近要做个网页图片批量下载工具,然后需要一个页面显示网页上的所有图片供用户勾选,再根据勾选的内容来下载指定图片,其中就涉及到要到同时显示多张图片,本文就来介绍一下...2021-06-11
Photoshop利用智能对象将人物制作成花海里飘散消失的GIF动画教程
今天小编在这里就来给Photoshop的这一款软件的使用者们来说一说利用智能对象将人物制作成花海里飘散消失的GIF动画的教程,各位想知道具体方法的使用者们,那么大家就快来...2016-09-14- AngularJS 是一组用于创建单页Web应用的丰富框架,给构建丰富交互地应用带来了所有功能,其中一项主要的特性是Angular对动画的支持。下面通过本文给大家介绍AngularJS中实现显示或隐藏动画效果的方式总结,对angularjs动画效果相关知识感兴趣的朋友一起学习...2016-01-05
详解PyQt5中textBrowser显示print语句输出的简单方法
这篇文章主要介绍了详解PyQt5中textBrowser显示print语句输出的简单方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-08-07