QT动画时间轴控制 QTimeLine

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

时间: 2024-10-28 02:17:16

QT动画时间轴控制 QTimeLine的相关文章

基于jQuery的时间轴鼠标悬停动画插件

之前为大家分享了很多jquery插件,这次我们要来分享一款不太常见的jQuery插件,它是一个时间轴,时间轴上的每一个点在鼠标滑过时都可以显示该点的描述信息,并且鼠标滑过时都可以产生一定的动画特效,比如鼠标划过时圆圈的展开动画. 在线预览   源码下载 实现的代码. html代码: <div class="clearfix course_nr"> <ul class="course_nr2"> <li>1993 <div c

iOS CoreAnimation专题——原理篇(四)动画时间控制

前言 CAMediaTiming协议 可视化的CAMediaTiming协议 beginTime fillMode autoreverses repeatCount repeatDuration speed 动画速度的分层表示 CAMediaTiming协议的其他实现 timeOffset 更多的动画时间可视化插图 控制动画时间 Slider 关于fillMode和Ease的补充 fillMode Ease 后记 前言 这一章虽然叫做动画时间控制,然而我们并不会去深入到一般的动画时间中,我们将讨

万彩动画大师丨时间轴竖向滚动条

万彩动画大师的时间轴竖向滚动条可以向你展示现在进行到哪个元素动画和哪个镜头,以便让您更清晰明了地知道动画视频播放的进度. 当[预览]动画视频时,万彩动画大师的[时间轴区域]会有一个[竖向滚动条]表示进度,当预览暂停或者结束后,可以在时间轴区域里任意移动时间轴竖向滚动条.如下图竖向滚动条界面所示: 原文地址:https://www.cnblogs.com/focusky/p/10209690.html

layaAir引擎制作游戏的图集动画、时间轴动画、和骨骼动画总结二

一.角色序列帧.ani动画的制作 1.在项目管理器中创建动画文件 2.创建动画模板,编辑动效名称 3.编辑序列帧动画 .ani格式动画的代码控制 1.动画加载loadAnmition() 2.播放与停止.动效模板切换 3.动画帧位置控制 4.动画播放完成事件 uui截图: Laya.init(1334, 750); Laya.loader.load(["res/comp.atlas","res/role.atlas"],Laya.Handler.create(thi

Qt动画与Qt坐标小记

Qt动画 转载自: <http://jingyan.baidu.com/article/154b46315757b628ca8f4116.html> 和  <http://blog.csdn.net/syzobelix/article/details/9377863> Qt动画架构中的主要类如下图所示: 动画框架由基类QAbstractAnimation和它的两个子类QVariantAnimation和QAnimationGroup组成. QAbstractAnimation是所有

Qt动画架构中的主要类

Qt动画架构中的主要类如下图所示: 动画框架由基类QAbstractAnimation和它的两个儿子QVariantAnimation和QAnimationGroup组成.QAbstractAnimation是所有动画类的祖宗.它包含了所有动画的基本属性.比如开始,停止和暂停一个动画的能力.它也可以接收时间改变通知. 动画框架又进一步提供了QProertyAnimation类.它继承自QVariantAnimation并对某个Qt属性(它须是Qt的"元数据对象系统"的一部分,见http

jQuery时间轴插件:jQuery Timelinr

前言 这是一款可用于展示历史和计划的时间轴插件,尤其比较适合一些网站展示发展历程.大事件等场景.该插件基于jQuery,可以滑动切换.水平和垂直滚动.支持键盘方向键.经过扩展后可以支持鼠标滚轮事件. HTML 我们在body中建立一个div#timeline作为展示区,#dates为时间轴,示例中我们用年份作为主轴,#issues作为内容展示区,即展示对应主轴点年份的内容,注意id对应上. <div id="timeline"> <ul id="dates&

Android 时间轴

效果图: 数据是随便填的,显得有点乱,但是不影响效果.实现方面主要是用ListView来实现,主要是根据ListView的item位置与上一条数据进行比较,来控制时间的显示隐藏效果.思路很简单,下面看代码实现: 首先是页面的整体布局,很简单,就一个ListView: res/layout/activity_main.xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:and

JS时间轴效果(类似于qq空间时间轴效果)

2013-11-04 23:51 by 空智, 4041 阅读, 15 评论, 收藏, 编辑 在上一家公司写了一个时间轴效果,今天整理了下,感觉有必要写一篇博客出来 给大家分享分享 当然代码还有很多不足的地方,希望大家多指点指点下,此效果类似于QQ空间或者人人网空间时间轴效果,当时也是为了需求 研究了下qq空间逻辑(当然JS代码压缩了肯定看不到的),只是当时研究了下他们HTML结构和css结构,所以仿照他们那种逻辑自己也写了一个出来.先来看看是个什么样的吧!如下图所示: 需求分析:左侧是一个时间