Qt-4.6新增了Animation Framework(动画框架),让我们可以方便的写一些生动的程序。

不必像曾经的版本号一样,全部的控件都枯燥的呆在伟大光荣的QLayout里,或许它们可以唱个歌,跳个舞。

    所谓动画就是在一个时间段内的不同一时候间点有不同的状态。仅仅要定义好这样状态。实现动画就是水到渠成的事情。当然做这件事情,最好用的就是状态机,没错Qt-4.6.0提供了QStateMachine类,只是今天我要讲的三字决要简单一些。

第一决:QPropertyAnimation



QPropertyAnimation用于和QObject中的属性properties进行通信,比方QWidget的大小。坐标等。来看代码

引用
QPropertyAnimation *animation = new QPropertyAnimation(myWidget, “geometry”);

animation->setDuration(10000);

animation->setStartValue(QRect(0, 0, 100, 30));

animation->setEndValue(QRect(250, 250, 100, 30));

animation->start();

第 一行创建的QPropertyAnimation对象关联了myWidget这个窗口的几何属性。后面的几句分别设置了这个动画的时长。起始坐标和结束坐 标。剩下的事情就交改QProperAnimation去做即可了。

然后调用start()启动它。没错。五行代码就完毕了一个完毕了一个自己主动从一个坐标 点移动到还有一个坐标点的窗口。以下我给出一个能够执行的代码,是一仅仅小鸟从下角移到中间的一个小动画,当然你得自己准备这个同名的图片:)

  1. #include <QApplication>

    #include <QLabel>

    #include <QPixmap>

    #include <QPropertyAnimation>



    int main(int argc,char *argv[]){

        QApplication app(argc,argv);

        QWidget *w=new QWidget();

        w->resize(300,400);

        QPixmap birdimg=QPixmap(”twitter-bird.png”).scaled(40,40);

        QLabel *bird_1=new QLabel(w);

        bird_1->setPixmap(birdimg);

        QPropertyAnimation *anim1=new QPropertyAnimation(bird_1, “pos”);

        anim1->setDuration(2000);

        anim1->setStartValue(QPoint(0, 360));

        anim1->setEndValue(QPoint(110, 180));

        anim1->start();

        bird_1->move(-40,-40);

        w->show();

        return app.exec();

    }

上面的样例使用了label的位置属性pos。当然你能够在自己的类里添加其他property的。比方让颜色在变。



第二决:setEasingCurve



上 面那个样例中小鸟的移动是线性的,未免太单调了点。QPropertyAnimation中的void setEasingCurve (const QEasingCurve & easing)函数正是用于实现不同的曲率变化的,QEasingCurve可用的參数列表(包含函数曲线图)可在文档中查到 。将上面动画相关的代码部分改成

引用
QPropertyAnimation *anim1=new QPropertyAnimation(bird_1, “pos”);

anim1->setDuration(2000);

anim1->setStartValue(QPoint(0, 360));

anim1->setEndValue(QPoint(110, 180));

anim1->setEasingCurve(QEasingCurve::OutBounce);

anim1->start();

注意。新增的第四句。

而且试试其他曲线參数。然后执行,看到的动态效果是不是不一样了。假设你对列表里已经有的曲线都不惬意。你还能够继承QEasingCurve,实现你须要的效果。

第三决:QAnimationGroup



前 面的样例是仅仅有一个动画在执行,假设想多个动画一起执行的话,那就要用到动画组QAnimationGroup了。动画组分为两种分别为串行和并行,相应 于QAnimationGroup的两个子类QSequentialAnimationGroup和QParallelAnimationGroup。

其 使用方法非常easy

引用
QSequentialAnimationGroup group;

//QParallelAnimationGroup group;

group.addAnimation(anim1);

group.addAnimation(anim2);

group.start();

上 面的代码,假设是串行的话,那么动画anim1执行之后,才会执行anim2。

假设是并行的话,两个动画是同一时候执行的。假设加了动画组,那么单个 anim1->start()就不是必需再单独调用了,由动画组来管理。 以下是一个可执行的代码,两仅仅小鸟分别从窗口左上角和右下角移动到中间。

  1. #include <QApplication>

    #include <QWidget>

    #include <QLabel>

    #include <QPixmap>

    #include <QPropertyAnimation>

    #include <QSequentialAnimationGroup>

    #include <QParallelAnimationGroup>



    int main(int argc,char *argv[]){

        QApplication app(argc,argv);

        QWidget *w=new QWidget();

        w->resize(300,400);

        QPixmap birdimg=QPixmap(”twitter-bird.png”).scaled(40,40);

        QLabel *bird_1=new QLabel(w);

        bird_1->setPixmap(birdimg);

        QPropertyAnimation *anim1=new QPropertyAnimation(bird_1, “pos”);

        anim1->setDuration(2000);

        anim1->setStartValue(QPoint(0, 360));

        anim1->setEndValue(QPoint(110, 180));

        //anim1->setEasingCurve(QEasingCurve::OutBounce);

        anim1->start();

        QLabel *bird_2=new QLabel(w);

        bird_2->setPixmap(birdimg);

        QPropertyAnimation *anim2=new QPropertyAnimation(bird_2, “pos”);

        anim2->setDuration(2000);

        anim2->setStartValue(QPoint(0, 0));

        anim2->setEndValue(QPoint(150, 180));

        anim2->setEasingCurve(QEasingCurve::OutBounce);

        QSequentialAnimationGroup group;

        //QParallelAnimationGroup group;

        group.addAnimation(anim1);

        group.addAnimation(anim2);

        group.start();

        bird_1->move(-40,-40);

        bird_2->move(-40,-40);

        w->show();

        return app.exec();

    }

转自http://blog.163.com/benben_long/blog/static/1994582432012312105857888/

qt动画入门的更多相关文章

  1. 转 iOS Core Animation 动画 入门学习(一)基础

    iOS Core Animation 动画 入门学习(一)基础 reference:https://developer.apple.com/library/ios/documentation/Coco ...

  2. Qt动画效果的实现,QPropertyAnimation

    Qt动画架构中的主要类如下图所示: 动画框架由基类QAbstractAnimation和它的两个儿子QVariantAnimation和QAnimationGroup组成.QAbstractAnima ...

  3. Qt动画与Qt坐标小记

    Qt动画 转载自: <http://jingyan.baidu.com/article/154b46315757b628ca8f4116.html> 和  <http://blog. ...

  4. Qt快速入门系列教程目录

    Qt快速入门系列教程目录

  5. QT动画介绍(有例子可以下载)

    所谓动画就是在一个时间段内的不同时间点有不同的状态,只要定义好这样状态,实现动画就是水到渠成的事情.当然做这件事情,最好用的就是状态机,点击这里查看Qt使用状态机实现动画效果实例. 不过,实现动画也有 ...

  6. Qt快速入门学习笔记(基础篇)

    本文基于Qter开源社区论坛版主yafeilinux编写的<Qt快速入门系列教程目录>,网址:http://bbs.qter.org/forum.php?mod=viewthread&am ...

  7. Qt动画框架The Animation Framework

    动画框架是Kinetic(运动)项目的一部分,它的目标是提供一中简单的方法创建动画的和流畅的GUI.借助Qt动画属性,可以提供非常自由的动画窗体组件和其他对象(QObjects).动画框架也能被用于图 ...

  8. 第15.10节 PyQt(Python+Qt)入门学习:Qt Designer可视化设计界面组件与QWidget类相关的组件属性详解

    PyQt学习有阵子了,对章节的骨架基本考虑好了,准备本节就写组件的属性的,结果一是日常工作繁忙,经常晚上还要加班,二是Qt的组件属性很多,只能逐一学习.研究和整理,花的时间有点长,不过终于将可视化设计 ...

  9. QT从入门到入土(二)——对象模型(对象树)和窗口坐标体系

    摘要 我们使用的标准 C++,其设计的对象模型虽然已经提供了非常高效的 RTTI 支持,但是在某些方面还是不够灵活.比如在 GUI 编程方面,既需要高效的运行效率也需要强大的灵活性,诸如删除某窗口时可 ...

随机推荐

  1. django第六天(模板相关,过滤器和标记)

    django第6天 DTL简介 django template language django模板语言 语法: filter{{}} tag{% %} 简单变量的使用 视图函数可以通过两种方式将变量船 ...

  2. Django 千锋培训的学习笔记(1)

    Django 千锋培训读书笔记 https://www.bilibili.com/video/av17879644/?p=1 切换到创建项目的目录 cd C:\Users\admin\Desktop\ ...

  3. HDU 3790 (最短路 + 花费)

    题意: 给你n个点,m条无向边,每条边都有长度d和花费p,给你起点s终点t,要求输出起点到终点的最短距离及其花费,如果最短距离有多条路线,则输出花费最少的. #include<bits/stdc ...

  4. linux下c++sleep函数

    #include <iostream> #include <unistd.h> using namespace std; int main(){ int i; ]; memse ...

  5. HDU 3879 Base Station

    Base Station Time Limit: 2000ms Memory Limit: 32768KB This problem will be judged on HDU. Original I ...

  6. Unity3D for iOS初级教程:Part 3/3

    转自Unity 3D for iOS 这篇文章还可以在这里找到 英语 Learn how to use Unity to make a simple 3D iOS game! 这份教程是由教程团队成员 ...

  7. BZOJ 1974 [Sdoi2010]auction 代码拍卖会 ——动态规划

    把每一位上不递减的数拆成1+11+11111+11111+..... 然后就可以把巨大的N从复杂度中消掉,因为随着长度的增加1...111%p出现了循环节. 然后就是从n个数中选出几个使他们结果为0( ...

  8. [luoguP4035] [JSOI2008]球形空间产生器(高斯消元)

    传送门 设球心的坐标为未知量 用最后一个点来表示球面到球心的距离,那么它和前n个式子相等 移项乱搞 最后高斯消元 #include <cmath> #include <cstdio& ...

  9. BZOJ1221 [HNOI2001] 软件开发 【费用流】

    题目 某软件公司正在规划一项n天的软件开发计划,根据开发计划第i天需要ni个软件开发人员,为了提高软件开发人员的效率,公司给软件人员提供了很多的服务,其中一项服务就是要为每个开发人员每天提供一块消毒毛 ...

  10. HashMap构造函数有哪些

    hashMap有4个构造函数: public HashMap(int initialCapacity, float loadFactor) public HashMap(int initialCapa ...