Qt 动画之一：动画框架

一、Qt动画类介绍

QPropertyAnimation 是 Qt 自带的动画类，该类可以实现简单的控件动画效果，比如对控件的移动、缩放、不透明度这些来做动画效果（使用某效果之前需要使用 setPropertyName 函数指定需要的动画属性名，以下三个是 Qt 已经定义好的）。

• 移动（pos）：主要实现移动效果，如从某个点移动到另一个点，所使用的变量类型为 QPoint 等。
• 缩放（geometry）：可实现缩放和移动效果，该属性可以实现指定控件的缩放，并且在缩放的基础上还能实现移动。
• 不透明度（windowOpacity）：实现控件的透明度设置（不过该属性只能对顶级窗口使用，对普通控件这些无效）。

二、QPropertyAnimation

QPropertyAnimation 类能够修改 Qt 的属性值，如 pos、geometry 等属性。设置好动画的初值和末值，以及持续的时间后，一个属性动画就基本完成了。

2.1 移动

如果只是需要位移动画的话，修改控件的pos属性即可。

QPropertyAnimation *pAnimation = new QPropertyAnimation(ui->scaleButton, "pos");
pAnimation->setDuration(300); // 设置动画执行时间，单位毫秒
pAnimation->setStartValue(QPoint(140, 688)); // 初始值
pAnimation->setEndValue(QPoint(140, 668)); // 结束值

2.2 缩放

通过修改控件的geometry属性可以实现缩放效果，也可以实现位移的动画，该属性的前两个值确定了控件左上角的位置，后两个值确定了控件的大小。

QPropertyAnimation *pAnimation = new QPropertyAnimation(ui->scaleButton, "geometry");
pAnimation->setDuration(300); // 设置动画执行时间，单位毫秒
pAnimation->setStartValue(QRect(140, 688, 534, 48)); // 初始值
pAnimation->setEndValue(QRect(140, 688, 534, 96)); // 结束值
pAnimation->setEasingCurve(QEasingCurve::InOutQuad); // 设置速度曲线
//pAnimation->start(QAbstractAnimation::DeleteWhenStopped); // 执行动画，结束后删除对象

2.3 不透明度

因为 Qt 控件没有透明度属性opacity，所以需要通过 QGraphicsOpacityEffect 实现控件绘图效果实现透明度改变。

QGraphicsOpacityEffect *pButtonOpacity = new QGraphicsOpacityEffect(this);
pButtonOpacity->setOpacity(1);
ui->scaleButton->setGraphicsEffect(pButtonOpacity);

QPropertyAnimation *pOpacityAnimation1 = new QPropertyAnimation(pButtonOpacity, "opacity");
pOpacityAnimation1->setDuration(1000);
pOpacityAnimation1->setStartValue(1);
pOpacityAnimation1->setEndValue(0);

2.4 动画曲线

动画还可以设置时间的插值曲线，默认是linear，即线性运动，通过设置 QEasingCurve 即可。Qt 提供了 40 种已经定义好的曲线（如果有需要也可以自定义曲线）：

pAnimation->setEasingCurve(QEasingCurve::InOutQuad);

2.5 动画执行方向设置

Qt 动画执行可以设置执行方向，为正向 Forward 和方向 Backward，例如透明度变化正向是初始值setStartValue(0);结束值设置setEndValue(1);控件从隐藏到显示。可以设置动画执行方向为反向，pAnimation–>setDirection(QAbstractAnimation::Backward)，这样就可以执行显示到隐藏的动画。动画的执行一般是双向的，可以通过方向控制，避免创建反向的动画流程。

enum Direction {
   Forward,
   Backward
};

// 设置动画执行方向为反向
pAnimation–>setDirection(QAbstractAnimation::Backward);

2.6 动画循环次数设置

有时需要执行动画多次，或者无限循环下去，可以设置动画循环次数。设置为-1时表示无限循环。

void setLoopCount(int loopCount);

2.7 动画执行结束的操作

动画结束之后执行一些清理工作，或者属性设置工作，可以连接QAbstractAnimation::finished信号，动画结束之后再执行一些操作。也可以将动画对象的清理放入槽函数中。这样就不能start(QAbstractAnimation::DeleteWhenStopped);

connect(pSequenAno, &QAbstractAnimation::finished, [=]() {
	ui->pushButtonAddVideo->setDisabled(true);
    ui->pushButtonDelVideo->setDisabled(true);
    ui->pushButtonAddPic->setDisabled(true);
    ui->pushButtonDelPic->setDisabled(true);
    PausePlayVedio(1, 0);//先创建索引，准确时间定位
});

三、QSequentialAnimationGroup

QSequentialAnimationGroup 是串行动画分组，通过将 QPropertyAnimation 或者 QPauseAnimation 加入，构成一个按加入顺序依次播放的动画组，动画组的总时长是各个加入动画的总和。

QSequentialAnimationGroup *pPosGroup = new QSequentialAnimationGroup(this);
pPosGroup->addPause(500);
pPosGroup->addAnimation(pAnimation1);
pPosGroup->addAnimation(pAnimation2);

往返运动

Qt 的动画可以设置循环次数，默认的循环是从头再播放一遍，往返运动可以在一个串行动画组中加入初值末值相反的一组动画来实现。

四、QParallelAnimationGroup

QParallelAnimationGroup 是并行动画组，加入并行动画组的动画会同时播放，动画组的总时长是最长的动画所需的时间。

m_group = new QParallelAnimationGroup(this);
m_group->addAnimation(pScaleGroup);
m_group->addAnimation(pPosGroup);
m_group->addAnimation(pOpacityGroup);

延时播放

在串行动画组的开始先加入一个 QPauseAnimation，再将 Pause 不同的串行动画组加入并行动画组就可以实现延时效果了。