qt 状态机弹跳效果

http://www.cnblogs.com/hicjiajia/archive/2011/01/19/1939507.html 

Qt4.6引入了动画框架，摆脱了以往控件只能安静的呆在布局里的时代，利用Qt提供的动画框架，我们可以让控件跳起舞来，呵呵，很有趣啊… 在Qt4.7中又引入了Qt quick技术，其中的QML语言也是专门来定制GUI动画效果的，这是一种新的GUI动画机制，我刚也接触了些，语法类似CSS，实现预定义的动画很方便，所见即所得，路还得一步步走，先学习一下传统的Qt动画方式——状态机

这里先直接给出例子（见图）：

#include <QApplication>

#include <QStateMachine>

#include <QPushButton>

#include <QSignalTransition>

#include <QPropertyAnimation>

int main(int argc,char **argv)

{

    QApplication app(argc,argv);

    QWidget *w=new QWidget;

    w->resize(240,320);

    QPushButton *button = new QPushButton("hicjiajia",w);

    QStateMachine *machine = new QStateMachine;     //新建状态机

    QState *state1 = new QState(machine);     //状态1

    state1->assignProperty(button,"geometry",QRect(0,0,80,30));    //绑定button的geomertry属性

    machine->setInitialState(state1);     //state1设为初始化状态

    QState *state2 = new QState(machine);

    state2->assignProperty(button,"geometry",QRect(w->width()-30,w->height()-80,30,80));

    QFont font = QFont("Airl", 12);

    state2->assignProperty(button,"font",font);     //状态2字体

    QPropertyAnimation *ani=new QPropertyAnimation(button,"geometry");

    ani->setDuration(2000);

    ani->setEasingCurve(QEasingCurve::OutBounce);   //动画效果—弹跳

    QSignalTransition *transition1=state1->addTransition(button,SIGNAL(clicked()),state2);      //动画触发信号

    transition1->addAnimation(ani);

    QSignalTransition *transition2=state2->addTransition(button,SIGNAL(clicked()),state1);

    transition2->addAnimation(ani);

    machine->start();     //开启状态机

    w->show();

    return app.exec();

}