QT动画时间轴控制 QTimeLine

叁歲伎倆 2023-10-09 10:36 14阅读 0赞

QTimeLine类提供用于控制动画的时间轴

比如控制进度条的增长，图片，窗口的旋转，平移等等

QTimeLine有一个frameChanged(int)信号

当调用QTimeLine：：start（）

frameChanged(int val)里面的val值会从0到50开始递增

（前提是需要设置范围如timeLine->setFrameRange(0, 50); 也需要设置QTimeLine变化的时间timeLine = new QTimeLine(1000, this)）

可以在槽函数中接受这个val值

一般使用如：

transform.translate(a, b);

transform.rotate(c);

transform.scale(d, e);

以上（a,b,c,d,e）都可以通过val的值代替或者和val做某种运算后得到

QTransform  QTransform类指定坐标系统的2D转换

其中  translate() 和 rotate() 俩函数组合实现图片旋转 ， translate()设置旋转中心 ， rotate() 实现旋转)

translate（设置坐标中心）, scale（设置缩放比例）, shear（设置b变形比例）, rotate （设置旋转角度）

例子： 当点击按钮时进度条的值会从0到100使用时间是1秒

QProgressBar \*progressBar = new QProgressBar (this);

progressBar->setRange(0, 100);

// 指定变化目标是谁以及变化的时间

QTimeLine \*timeLine = new QTimeLine(1000, this);//设置变化时间是1秒

//指定在1秒内变化的范围 如果是（0，50）则1秒内进度条从0增加到50

//timeLine->setFrameRange(0, 50);

//设置动画的次数

timeLine->setLoopCount(3);//进度条加载3次

//设置动画的时间快慢，范围以某种速度增长（先快后慢/或者先慢后快）

timeLine->setCurveShape(QTimeLine::EaseInCurve);

//设置动画的方向（如进度条是从0增到100还是100降到0）

timeLine->setDirection(QTimeLine::Backward);

//绑定信号来改变进度条的值

connect(timeLine, SIGNAL(frameChanged(int)), progressBar, SLOT(setValue(int)));

//此按钮用来调用QTimeLine::start()函数

//需要指定开始，一般触发式，或者使用定时器

QPushButton \*pushButton = new QPushButton(tr("Start animation"), this);

connect(pushButton, SIGNAL(clicked()), timeLine, SLOT(start()));

//这个可以切换时间轴的方向，也就是动画运动的方向

timeLine-> toggleDirection();

转载于:https://www.cnblogs.com/that-boy-done/p/11336959.html

发表评论取消回复

表情：

评论列表（有 0 条评论，14人围观）

还没有评论，来说两句吧...

相关阅读

相关动画效果之时间轴对象构造器（即逐个执行动画）

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta ...

你的名字/ 2024年04月19日 07:13/ 0 赞/ 70 阅读

相关 Qt动画：移动动画效果 -＞ Qt动画：平滑的位移效果

Qt动画：移动动画效果 -> Qt动画：平滑的位移效果在Qt中，动画是一个常见的实现交互效果的方式。其中，位移动画常用于实现视图元素的平滑移动效果。本文将介绍如何使用Qt中

深藏阁楼爱情的钟/ 2024年03月23日 23:08/ 0 赞/ 110 阅读

相关 Android RecyclerView使用ItemDecoration刻画时间线/时间轴/时光轴timeline

Android RecyclerView使用ItemDecoration刻画时间线/时间轴/时光轴timeline 在Android开发中时间线/时间轴/时光轴现

系统管理员/ 2023年10月17日 21:28/ 0 赞/ 74 阅读

相关用Qt实现时间轴绘制

用Qt实现时间轴绘制在本文中，我们将使用Qt框架来实现一个简单的时间轴绘制功能。时间轴是一个常见的用户界面元素，用于显示时间的流逝或事件的发生顺序。我们将创建一个自定义的Q

灰太狼/ 2023年10月15日 19:28/ 0 赞/ 69 阅读

相关 QT动画时间轴控制 QTimeLine

QTimeLine类提供用于控制动画的时间轴比如控制进度条的增长，图片，窗口的旋转，平移等等 QTimeLine有一个frameChanged(int)信号当调用QT

叁歲伎倆/ 2023年10月09日 10:36/ 0 赞/ 15 阅读

相关 Flutter时间轴

一，真实点,直接上图吧。 [github地址][github] [视频教学地址][Link 1] ![在这里插入图片描述][watermark_type_ZmFu

墨蓝/ 2022年12月24日 10:48/ 0 赞/ 211 阅读

相关 iOS 物流信息时间轴

> 代码地址如下： > [http://www.demodashi.com/demo/11958.html][http_www.demodashi.com_demo_119

拼搏现实的明天。/ 2022年05月29日 00:20/ 0 赞/ 320 阅读

相关 vue 时间轴：效果图

时间轴：效果图 ![70][] 代码： <!DOCTYPE HTML> <html> <head> <meta charset="utf-

梦里梦外;/ 2022年05月17日 07:22/ 0 赞/ 402 阅读

相关 LayaAir 时间轴动画

目录时间轴动画·概述动画编辑器时间轴动画·运用入门平移动画多时间轴动画帧动画 -------------------- 时间轴动画·概述 1、

待我称王封你为后i/ 2022年04月03日 02:52/ 0 赞/ 368 阅读

相关 WPF时间轴

首先时间轴使用slider控件，得到如图效果 ![时间轴][20190108141717895.png] 代码如下： <Grid Grid.Row="2">

太过爱你忘了你带给我的痛/ 2022年03月29日 10:56/ 0 赞/ 518 阅读