qt同时两个动画执行

Qt的动画机制，能用在QWidget、QGraphicWidget、以及在QML中也有部分应用的模型，这里只是先举两个小的例子，目前也没有太深入研究。

以QPropertyAnimation为例，在Widget类中有另一个m_subWidget子类，点击按钮后，会以动画的形式显示出m_subWidget界面。

//定义槽连接

connect(btn,&QPushButton::clicked,this,[&](){

showAnimation();

});

void Widget::showAnimation()

{

m_subWidget->show();

QPoint pStart,pEnd;

pStart = mapToGlobal(QPoint(0-width(),0));

pEnd = mapToGlobal(QPoint(0,0));

animation = new QPropertyAnimation(m_subWidget, "geometry");

animation->setDuration(1000); //设置动画时间

animation->setStartValue(QRect(pStart, QSize(width(),height())));//设置动画开始位置

animation->setEndValue(QRect(pEnd, QSize(width(),height())));//设置动画结束位置

animation->setEasingCurve(QEasingCurve::SineCurve);

animation->start();

}

根据帮助文档的说明，QSequentialAnimationGroup可以将多个个动画关联起来，而QParallelAnimationGroup类则会同时展示多个动画。

QPushButton button("Animated Button");

button.show();

QPropertyAnimation anim1(&button, "geometry");

anim1.setDuration(3000);

anim1.setStartValue(QRect(0, 0, 100, 30));

anim1.setEndValue(QRect(500, 500, 100, 30));

QPropertyAnimation anim2(&button, "geometry");

anim2.setDuration(3000);

anim2.setStartValue(QRect(500, 500, 100, 30));

anim2.setEndValue(QRect(1000, 500, 100, 30));

QSequentialAnimationGroup group;

group.addAnimation(&anim1);

group.addAnimation(&anim2);

group.start();

qt同时两个动画执行_Qt 动画应用相关推荐

qt同时两个动画执行_Qt实现数字滚动动画效果
自己开发了一个股票智能分析软件,功能很强大,需要的点击下面的链接获取: https://www.cnblogs.com/bclshuai/p/11380657.html Qt实现数字滚动动画效果 3. ...
html设定元素动画执行,CSS动画 _Animation 教程_W3cplus
本文是为帮助您入门和熟悉CSS动画而编写的,使用它们来为您带来基于Web的接口以及为艺术带来生命.虽然W3C的CSS动画规范仍在修订中,但是如今它已经有大量的内容可以供我们使用了. 对我而言,CSS动 ...
html-css10 过渡/米兔练习/动画/动画练习/小球动画/平移和小米移动图
过渡 <!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8&qu ...
qt撤销与回退_Qt动画框架
状态机框架提供了创建和执行状态图的一些类．这些概念和表示都是基于Harel状态图中的一些概念和记法．它也是UML状态图表的基础．状态机执行的语义是基于状态图XML(SCXML)．状态图提供了一种图形 ...
css3动画，监控动画执行完毕
在CSS3之前,在网页上要做动画,一般使用javascript来实现,用timer定时执行一些操作来实现动画效果. 自有了CSS3之后,在网页上做动画变得更简单了.相对于使用javascript的实现 ...
按钮在执行frame动画的时候怎么响应触发事件？
按钮在执行frame动画的时候怎么响应触发事件? 代码中效果(请注意,我并没有点击到按钮,而是点击到按钮的终点frame值处): 对应的代码: // // ViewController.m // Ta ...
【Qt OpenGL】Qt Creator中的3D绘图及动画教程
Qt Creator中的3D绘图及动画教程(参照NeHe) 刚刚学习了Qt Creator,发现Qt提供了QtOpenGL模块,对OpenGL做了不错的封装,这使得我们可以很轻松地在Qt程序中使用Op ...
css3实现无限横向滚动且动画执行完毕没有跳动的视差感
前两天在模仿京东商城的无限滚动时,使用css3的transform写的时候,动画执行完毕了会突变的初始位置,使用了多种方法都没有解决,那应该怎么解决呢? 解决方法其实原理很简单,就是复制你要播放的内 ...
Three——三、动画执行、画布大小、渲染帧率和相机适配体验
文章: Three--一.初识Three以及基础的前端场景搭建(结尾含源码) Three--二.加强对三维空间的认识 Three--三.动画执行.画布大小.渲染帧率和相机适配体验 Three--四.几 ...

qt同时两个动画执行_Qt 动画应用

qt同时两个动画执行_Qt 动画应用相关推荐

最新文章

热门文章