【Qt】Qt动画框架（Qt Animation Framework）

Qt 动画框架（Qt Animation Framework）是 Qt 库中用于创建平滑、灵活的用户界面动画的核心模块。它允许开发者通过属性动画、时间轴、状态机等方式，为 GUI 元素（如窗口部件、图形项等）添加动态效果。以下是 Qt 动画框架的核心概念和常见用法：

---

1. 核心类

• QPropertyAnimation
  用于对对象的 属性 进行动画化（如位置、大小、颜色、透明度等）。

  QPropertyAnimation *animation = new QPropertyAnimation(myWidget, "pos");
  animation->setDuration(1000); // 动画时长（毫秒）
  animation->setStartValue(QPoint(0, 0));
  animation->setEndValue(QPoint(100, 100));
  animation->start();
  

• QParallelAnimationGroup
  并行执行多个动画（所有动画同时开始）。

  QParallelAnimationGroup *group = new QParallelAnimationGroup;
  group->addAnimation(animation1);
  group->addAnimation(animation2);
  group->start();
  

• QSequentialAnimationGroup
  顺序执行多个动画（一个接一个）。

  QSequentialAnimationGroup *group = new QSequentialAnimationGroup;
  group->addAnimation(animation1);
  group->addAnimation(animation2);
  group->start();
  

• QTimeLine
  时间轴对象，用于控制动画的进度（基于时间事件）。

  QTimeLine *timeline = new QTimeLine(1000); // 1秒
  connect(timeline, &QTimeLine::valueChanged, [=](qreal value) {
      myWidget->setOpacity(value); // 透明度从 0 到 1
  });
  timeline->start();
  

• QEasingCurve
  缓动曲线，控制动画的插值效果（如加速、减速、弹性效果等）。

  animation->setEasingCurve(QEasingCurve::OutBounce);
  

• QAbstractAnimation
  所有动画类的基类，提供基础控制（启动、暂停、停止等）。

---

2. 基本用法

示例1：移动一个按钮

QPushButton *button = new QPushButton("Click Me", this);
button->setGeometry(10, 10, 100, 30);

QPropertyAnimation *animation = new QPropertyAnimation(button, "geometry");
animation->setDuration(2000);
animation->setStartValue(QRect(10, 10, 100, 30));
animation->setEndValue(QRect(200, 200, 100, 30));
animation->setEasingCurve(QEasingCurve::InOutQuad);
animation->start();

示例2：组合动画

QPropertyAnimation *posAnim = new QPropertyAnimation(button, "pos");
posAnim->setDuration(1000);
posAnim->setEndValue(QPoint(200, 200));

QPropertyAnimation *rotateAnim = new QPropertyAnimation(button, "rotation");
rotateAnim->setDuration(1000);
rotateAnim->setEndValue(360);

QParallelAnimationGroup *group = new QParallelAnimationGroup;
group->addAnimation(posAnim);
group->addAnimation(rotateAnim);
group->start();

---

3. 与状态机结合

Qt 动画常与 QStateMachine 配合，实现状态切换时的动画效果：

QStateMachine *machine = new QStateMachine(this);

QState *state1 = new QState();
state1->assignProperty(button, "color", Qt::red);

QState *state2 = new QState();
state2->assignProperty(button, "color", Qt::blue);

QAbstractTransition *transition = state1->addTransition(button, &QPushButton::clicked, state2);
transition->addAnimation(new QPropertyAnimation(button, "color"));

machine->addState(state1);
machine->addState(state2);
machine->setInitialState(state1);
machine->start();

---

4. 缓动曲线类型

Qt 支持多种缓动曲线，通过 QEasingCurve::Type 指定：

• Linear: 线性匀速
• InQuad: 加速
• OutQuad: 减速
• InOutQuad: 先加速后减速
• OutBounce: 弹性效果
• 更多类型详见 Qt 文档。

---

5. 高级应用

• 自定义属性动画
  对任何派生自 QObject 的类的属性进行动画化（需确保属性有 READ/WRITE 方法）。
• 图形项动画（QGraphicsItem）
  在 QGraphicsScene 中为图形项添加动画。
• QML 动画
  Qt Quick 提供更强大的声明式动画（如 NumberAnimation, ColorAnimation 等）。

---

总结

Qt 动画框架通过简洁的 API 和丰富的功能，使开发者能够轻松为应用程序添加流畅的交互效果。结合状态机、缓动曲线和动画组，可以实现复杂的动态场景。如需进一步优化性能，可考虑使用 OpenGL 加速（如 Qt Quick 2D 渲染）。