当前位置：首页 > backend >正文

QT动画类

backend 2025/7/14 21:51:34

在 Qt 中，动画是通过 Qt Animation Framework 实现的，它提供了强大且灵活的工具来创建平滑的动画效果。以下是一些关键点和实现方式：

1. 使用 QPropertyAnimation

QPropertyAnimation 是最常用的类，用于对对象的属性进行动画处理。

示例：移动一个按钮

复制代码#include <QApplication>
#include <QPushButton>
#include <QPropertyAnimation>int main(int argc, char *argv[]) {QApplication app(argc, argv);QPushButton button("点击我");button.resize(100, 50);button.show();QPropertyAnimation animation(&button, "geometry");animation.setDuration(1000); // 动画持续时间：1秒animation.setStartValue(QRect(0, 0, 100, 50)); // 起始位置animation.setEndValue(QRect(200, 200, 100, 50)); // 结束位置animation.start();return app.exec();
}

2. 使用 QSequentialAnimationGroup 和 QParallelAnimationGroup

这两个类可以组合多个动画，分别实现顺序或并行播放。

示例：顺序动画

复制代码#include <QApplication>
#include <QPushButton>
#include <QPropertyAnimation>
#include <QSequentialAnimationGroup>int main(int argc, char *argv[]) {QApplication app(argc, argv);QPushButton button("动画按钮");button.resize(100, 50);button.show();QPropertyAnimation *moveAnimation = new QPropertyAnimation(&button, "geometry");moveAnimation->setDuration(1000);moveAnimation->setStartValue(QRect(0, 0, 100, 50));moveAnimation->setEndValue(QRect(200, 200, 100, 50));QPropertyAnimation *resizeAnimation = new QPropertyAnimation(&button, "geometry");resizeAnimation->setDuration(1000);resizeAnimation->setStartValue(QRect(200, 200, 100, 50));resizeAnimation->setEndValue(QRect(200, 200, 200, 100));QSequentialAnimationGroup group;group.addAnimation(moveAnimation);group.addAnimation(resizeAnimation);group.start();return app.exec();
}

3. 使用 QGraphicsView 动画

如果你使用 QGraphicsView 框架，可以通过 QGraphicsItemAnimation 或 QGraphicsObject 实现动画。

示例：旋转一个图形对象

复制代码#include <QApplication>
#include <QGraphicsView>
#include <QGraphicsRectItem>
#include <QPropertyAnimation>int main(int argc, char *argv[]) {QApplication app(argc, argv);QGraphicsScene scene;QGraphicsRectItem *rect = scene.addRect(0, 0, 100, 100);rect->setBrush(Qt::blue);QGraphicsView view(&scene);view.show();QPropertyAnimation animation(rect, "rotation");animation.setDuration(2000);animation.setStartValue(0);animation.setEndValue(360);animation.start();return app.exec();
}