用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键就可以启动动画。这里给出了演示程序和源代码。
源代码下载地址: 这里