初识Qt简单动画

Qt提供了类QPropertyAnimation来实现图片的一些简单的动画操作效果。

1、新建一个Qt空项目，同时添加资源文件，并在资源文件中添加图片路径。之后在main.cpp函数中添加以下代码

 #include<QApplication>
 #include<QLabel>
 #include<QPixmap>
 #include<QPropertyAnimation>

 int main(int argc, char *argv[])
 {
     QApplication app(argc, argv);
     QWidget *w= new QWidget;//定义窗口部件
     w->resize(, );

     QPixmap pixmap = QPixmap("linux.png").scaled(, );//定义图片的宽高比例
     QLabel *label = new QLabel(w);//将之前设置的窗口定义为标签
     label->setPixmap(pixmap);//标签中放置图片

     QPropertyAnimation *anim=new QPropertyAnimation(label,"pos");//pos为label的位置属性
     anim->setDuration();//移动时间为5000ms
     anim->setStartValue(QPoint(, ));//起始坐标，该坐标对应图片左上角
     anim->setEndValue(QPoint(, ));//终止坐标，该坐标对应图片左上角
     anim->setEasingCurve(QEasingCurve::OutBounce);//setEasingCurve ()函数选择运行轨迹曲线。该行删除后，运动轨迹为直线，无特效
     anim->start();//开始移动

     w->show();
     return app.exec();
 }

2、运行程序之后，显示如下

3、扩展：多个动画效果的实现

当涉及到两幅图片甚者多幅图片的动画效果时，需要使用动画组类QSequentialAnimationGroup或QParallelAnimationGroup。前者实现的是串行动画效果，即多个动画一个接一个的发生，后者实现动画并行效果，即多个动画同时发生。

 QSequentialAnimationGroup group;//串行动画
 //QParallelAnimationGroup group;//并行动画
 group.addAnimation(anim1);//动画1
 group.addAnimation(anim2);//动画2
 group.start();

文章参考来源：http://www.hnmade.com/bbs/thread-12332-1-1.html，感谢分享！