Qt动画框架设计飞入-消失特效

用Qt动画框架设计飞入-消失特效

Qt动画框架很强大，只要你想得到，它就有可能帮你实现。这一次我将抽取上一个演示程序的部分来进行介绍。这一部分我命名为“飞入
- 消失”特效，主要用在文字的显示方面，从这点上说很像PowerPoint上面特效的一种。

还是首先看看我的demo吧。下载地址：这里

原创博客，反对未经允许的转载。原博客地址：http://blog.csdn.net/jiangcaiyang123/article/details/8899279
下面是FlyInVanish类的部分定义：

[cpp] view
plaincopy

class FlyInVanishEffect: public QObject// 飞入 - 消失特效类

{

Q_OBJECT

Q_PROPERTY( QPointF Pos READ Pos WRITE setPos )

public:

FlyInVanishEffect( QWidget* pWidget = 0 );

virtual ~FlyInVanishEffect( void );

void AddText( const QString& text );

void RenderPixmap( QPixmap& pixmap );

signals:

void Start( void );

void VanishStart( void );

public slots:

void StartEffect( void );

private slots:

void PauseFinished( void );

private:

void PreparePixmap( const QString& text );





DECLRARE_PROPERTY_WITH_GETTERS_AND_SETTERS( QPointF, Pos )

QStringList m_StringList;// 字符串列表





// 状态机部分

QState m_InitialState, m_MiddleState, m_FinalState;

QStateMachine m_Machine;





// 动画部分

QPropertyAnimation m_FlyInAnim, m_RiseAnim, m_VanishAnim;

QParallelAnimationGroup m_VanishAnimGrp;

QTimer m_PauseTimer;

bool m_HasFinished;





// 绘图部分

QPointF m_SavedPos;

LinearGradient m_Gradient;

QPixmap m_TextPixmap;





// 父窗口指针

QWidget* m_pWidget;

};

这里我定义了三个状态和一个状态机。考虑到状态要循环切换，所以我没有使用QFinalState。而配合这些状态切换的是几个QPropertyAnimation的实例：m_FlyInAnim负责飞入，m_RiseAnim负责上升，而m_VanishAnim负责消失动画。其中m_RiseAnim和m_VanishAnim是并行进行的，所以需要一个QParallelAnimationGroup类的实例：m_VanishAnimGrp。此外我尝试了一下QPauseAnimation，似乎不能将它和其它的动画结合在一起，只能放在QSequentialAnimationGroup中，因此我没有使用这个类而是使用了一个QTimer来进行动画的延时。

其实这个特效的原理也很简单：首先维护一个字符串列表m_StringList，然后从中一个个拿出字符串，渲染成m_TextPixmap，最后对这个m_TextPixmap进行动画操作。最后LinearGradient类为了实现动画而继承自QObject和QLinearGradient，这样就有办法实现消失特效了。

在使用的时候，只要m_StringList有元素，调用StartEffect()这个函数就可以实施动画操作了。此外为了防止错误而新增了若干条判断语句，这些都在cpp文件中有所展现。详细情况请下载我的源代码。

下面是我***的另一个程序，你可以在输入框中输入任何文字，只要按下了Enter键就可以启动动画。这里给出了演示程序和源代码。



演示程序下载地址：这里

源代码下载地址：这里

FROM:　http://blog.csdn.net/gamesdev/article/details/8899279