| zhengtianzuo |
2017-09-30 16:45 |
zhengtianzuo系列-Qt动画控制效果
首先需要创建一个状态机对被控制对象的状态, 动画效果, 信号触发等进行统一管理.
//创建状态机
QStateMachine *pStateMachine = new QStateMachine(this);
然后根据动画需求设置状态, 比如希望一个按钮从左边移动到右边, 并且移动过程中放大到2倍.
//设置起始状态
QState *pStartState = new QState(pStateMachine);
//绑定属性
pStartState->assignProperty(pButton, "geometry",
QRect(10,(this->height()-pButton->height())/2,pButton->width(),pButton->height()));
//设置为起始状态
pStateMachine->setInitialState(pStartState);
//设置结束状态
QState *pEndState = new QState(pStateMachine);
//绑定属性
pEndState->assignProperty(pButton, "geometry",
QRect(this->width()-pButton->width()*2-10,
(this->height()-pButton->height()*2)/2,
pButton->width()*2,pButton->height()*2));
绑定状态属性的时候描述好属性内容, 比如坐标和宽高.
然后设置动画效果
//设置动画效果
QPropertyAnimation *pPropertyAnimation = new QPropertyAnimation(pButton, "geometry");
pPropertyAnimation->setDuration(2000);
pPropertyAnimation->setEasingCurve(QEasingCurve::OutBounce);
接下来绑定动画信号槽
//绑定动画信号槽
QSignalTransition *pTransitionStart2End = pStartState->addTransition(pButton, SIGNAL(clicked()), pEndState);
pTransitionStart2End->addAnimation(pPropertyAnimation);
QSignalTransition *pTransitionEnd2Start = pEndState->addTransition(pButton, SIGNAL(clicked()), pStartState);
pTransitionEnd2Start->addAnimation(pPropertyAnimation);
最后就可以启动状态机了
//开启状态机
pStateMachine->start();
需要完整代码请访问 QtWidgetsExamples
|
|
