用Qt动画框架设计飞入-消失特效
Qt动画框架很强大,只要你想得到,它就有可能帮你实现。这一次我将抽取上一个演示程序的部分来进行介绍。这一部分我命名为“飞入 - 消失”特效,主要用在文字的显示方面,从这点上说很像PowerPoint上面特效的一种。
还是首先看看我的demo吧。下载地址:这里
原创博客,反对未经允许的转载。原博客地址:http://blog.csdn.net/jiangcaiyang123/article/details/8899279
下面是FlyInVanish类的部分定义:
- 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