Qt 中实现炫酷的开机启动动画

在 Qt 中实现炫酷的开机启动动画，常用的方案是结合QSplashScreen（启动画面类）与动画效果（如QPropertyAnimation、QMovie等）。以下是几种实现思路，从简单到炫酷，仅供参考：

方案 1：基础动态启动画面（GIF 动画）

如果已有设计好的 GIF 动画，直接用QMovie播放 GIF，简单高效。

步骤：

准备一个炫酷的 GIF 动画（如软件 logo 渐变、粒子效果等）；
用QSplashScreen作为载体，结合QMovie播放 GIF；
在主窗口初始化完成后关闭启动画面。

代码示例：

复制代码

#include <QApplication>
#include <QSplashScreen>
#include <QMovie>
#include <QLabel>
#include <MainWindow.h> // 你的主窗口类

int main(int argc, char *argv[]) {
    QApplication a(argc, argv);

    // 创建启动画面（无边框）
    QSplashScreen splash;
    splash.setWindowFlags(Qt::FramelessWindowHint); // 无边框，更美观

    // 加载GIF动画
    QMovie *movie = new QMovie(":/splash/animation.gif"); // 替换为你的GIF路径（建议用资源文件）
    if (movie->isValid()) {
        // 将GIF显示在splash上
        QLabel *label = new QLabel(&splash);
        label->setMovie(movie);
        label->setGeometry(0, 0, splash.width(), splash.height()); // 铺满splash
        movie->start();

        // 显示启动画面
        splash.show();
        a.processEvents(); // 刷新界面，避免卡顿
    }

    // 初始化主窗口（模拟加载过程，实际项目中替换为真实初始化逻辑）
    MainWindow w;
    // 这里可以添加延迟，确保动画播放完成（根据GIF时长调整）
    QThread::msleep(2000); // 2秒

    // 关闭启动画面，显示主窗口
    splash.finish(&w);
    w.show();

    return a.exec();
}

方案 2：自定义炫酷动画（属性动画）

如果需要更灵活的动画（如渐变、缩放、位移组合），用QPropertyAnimation实现自定义效果。

效果示例：

Logo 从透明逐渐变为不透明；
文字从底部滑入；
背景色渐变。

代码示例：

复制代码

#include <QApplication>
#include <QSplashScreen>
#include <QPropertyAnimation>
#include <QPixmap>
#include <QLabel>
#include <QLinearGradient>
#include <QPainter>
#include <MainWindow.h>

// 自定义启动画面（继承QSplashScreen，方便绘制动画）
class CustomSplash : public QSplashScreen {
    Q_OBJECT
    Q_PROPERTY(qreal opacity READ opacity WRITE setOpacity) // 透明度属性
    Q_PROPERTY(int textY READ textY WRITE setTextY) // 文字Y坐标属性
public:
    CustomSplash() : m_opacity(0), m_textY(300) {
        // 设置背景（可选，用渐变更炫酷）
        QPixmap bg(600, 400); // 启动画面大小
        QPainter painter(&bg);
        QLinearGradient gradient(0, 0, 600, 400);
        gradient.setColorAt(0, QColor(50, 50, 100)); // 深蓝
        gradient.setColorAt(1, QColor(10, 10, 50));  // 深黑蓝
        painter.fillRect(bg.rect(), gradient);
        setPixmap(bg);

        // 添加Logo（假设logo.png是透明背景的图标）
        m_logo = new QLabel(this);
        m_logo->setPixmap(QPixmap(":/splash/logo.png").scaled(200, 200, Qt::KeepAspectRatio));
        m_logo->move(200, 100); // 居中
        m_logo->setOpacity(0); // 初始透明

        // 添加文字
        m_text = new QLabel("正在启动...", this);
        m_text->setStyleSheet("color: white; font-size: 16px;");
        m_text->move(250, m_textY); // 文字初始位置（底部外）
    }

    qreal opacity() const { return m_opacity; }
    void setOpacity(qreal op) {
        m_opacity = op;
        m_logo->setOpacity(op); // 同步Logo透明度
        update();
    }

    int textY() const { return m_textY; }
    void setTextY(int y) {
        m_textY = y;
        m_text->move(m_text->x(), y); // 移动文字
    }

    // 启动动画
    void startAnimation() {
        // Logo透明度动画（1秒从0到1）
        QPropertyAnimation *opAnim = new QPropertyAnimation(this, "opacity", this);
        opAnim->setDuration(1000);
        opAnim->setStartValue(0);
        opAnim->setEndValue(1);

        // 文字上滑动画（0.5秒从300到250）
        QPropertyAnimation *textAnim = new QPropertyAnimation(this, "textY", this);
        textAnim->setDuration(500);
        textAnim->setStartValue(300);
        textAnim->setEndValue(250);
        textAnim->setEasingCurve(QEasingCurve::OutQuad); // 缓动效果，更自然

        // 组合动画（先播放logo动画，再播放文字动画）
        QSequentialAnimationGroup *group = new QSequentialAnimationGroup(this);
        group->addAnimation(opAnim);
        group->addAnimation(textAnim);
        group->start(QAbstractAnimation::DeleteWhenStopped);
    }

private:
    qreal m_opacity;
    int m_textY;
    QLabel *m_logo;
    QLabel *m_text;
};

int main(int argc, char *argv[]) {
    QApplication a(argc, argv);

    // 创建自定义启动画面
    CustomSplash splash;
    splash.setWindowFlags(Qt::FramelessWindowHint | Qt::WindowStaysOnTopHint); // 置顶+无边框
    splash.show();
    splash.startAnimation(); // 启动动画

    // 初始化主窗口（模拟加载）
    MainWindow w;
    QThread::msleep(2000); // 等待动画播放完成

    // 关闭启动画面，显示主窗口
    splash.finish(&w);
    w.show();

    return a.exec();
}

方案 3：带进度的炫酷动画

如果需要显示加载进度（如 "加载模块 1/5"），可以在动画中加入进度提示，增强用户感知。

关键扩展：

在CustomSplash中添加进度属性，用QPropertyAnimation或QTimer更新进度文字：

复制代码

// 在CustomSplash中添加进度相关代码
Q_PROPERTY(int progress READ progress WRITE setProgress)
private:
    int m_progress = 0;
    QLabel *m_progressLabel; // 显示"进度: 30%"

public:
    CustomSplash() {
        // 初始化进度标签
        m_progressLabel = new QLabel("进度: 0%", this);
        m_progressLabel->setStyleSheet("color: lightblue; font-size: 14px;");
        m_progressLabel->move(250, 280);
    }

    int progress() const { return m_progress; }
    void setProgress(int p) {
        m_progress = p;
        m_progressLabel->setText(QString("进度: %1%").arg(p));
    }

// 在main函数中模拟进度更新：
// 启动一个定时器，逐步更新进度
QTimer *progressTimer = new QTimer;
int currentProgress = 0;
QObject::connect(progressTimer, &QTimer::timeout, [&]() {
    currentProgress += 10;
    splash.setProgress(currentProgress);
    if (currentProgress >= 100) {
        progressTimer->stop();
    }
});
progressTimer->start(200); // 每200ms更新一次

注意事项：

资源文件 ：将图片、GIF 放入 Qt 资源文件（.qrc），避免路径问题；
动画时长：建议控制在 1-3 秒，过长会影响用户体验；
性能：复杂动画（如粒子效果）建议用QML实现（更高效），Qt Widgets 适合中等复杂度动画；
适配：启动画面大小建议适配不同分辨率（可获取屏幕尺寸动态调整）。

通过上述方案，可实现从简单到复杂的炫酷启动动画，根据你的设计需求选择即可～