本文转载自:
https://www.cnblogs.com/hicjiajia/archive/2011/01/19/1939507.html 作者:hicjiajia 转载请注明该声明。
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();
}
#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();
}