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

《Qt窗口动画实战：Qt实现呼吸灯效果》

news 2025/9/14 13:14:17

Qt窗口动画实战：Qt实现呼吸灯效果

在嵌入式设备或桌面应用中，呼吸灯效果是一种常见且优雅的UI动画，常用于指示系统状态或吸引用户注意。本文将介绍如何使用Qt动画框架实现平滑的呼吸灯效果。

一、实现原理

利用Qt自带的动画框架来实现，具体实现看代码：
在这里插入图片描述

2、代码实现

#ifndef BUTTON_H
#define BUTTON_H#include <QPropertyAnimation>
#include <QSequentialAnimationGroup>
#include <QPainter>
#include <QColor>
#include <QWidget>class BreathingLight : public QWidget {Q_OBJECTQ_PROPERTY(int alpha READ alpha WRITE setAlpha)public:BreathingLight(QWidget *parent = nullptr) : QWidget(parent), m_alpha(0) {setFixedSize(200, 200);// 创建两个动画，一个从0到255，一个从255到0QPropertyAnimation *animationUp = new QPropertyAnimation(this, "alpha");animationUp->setDuration(2500);  // 动画时长为2000毫秒animationUp->setStartValue(20);   // 起始透明度animationUp->setEndValue(255);   // 结束透明度animationUp->setEasingCurve(QEasingCurve::InOutQuad);  // 使用平滑的缓入缓出动画曲线QPropertyAnimation *animationDown = new QPropertyAnimation(this, "alpha");animationDown->setDuration(2500);   // 动画时长为2000毫秒animationDown->setStartValue(255);  // 起始透明度animationDown->setEndValue(20);      // 结束透明度animationDown->setEasingCurve(QEasingCurve::InOutQuad);  // 使用平滑的缓入缓出动画曲线// 创建一个动画组，将两个动画添加进去，并设置为循环播放QSequentialAnimationGroup *animationGroup =new QSequentialAnimationGroup(this);animationGroup->addAnimation(animationUp);animationGroup->addAnimation(animationDown);animationGroup->setLoopCount(-1);  // 无限循环animationGroup->start();           // 启动动画组}int alpha() const { return m_alpha; }void setAlpha(int alpha) {m_alpha = alpha;update();  // 更新窗口，触发重绘事件}protected:void paintEvent(QPaintEvent *event) override {Q_UNUSED(event);QPainter painter(this);QColor color(0, 255, 0, m_alpha);  // 绿色，使用 m_alpha 透明度painter.setBrush(color);painter.setPen(Qt::NoPen);QRect paint_rect = rect();paint_rect.adjust(90, 90, -90, -90);painter.drawEllipse(paint_rect);  // 绘制一个椭圆，填充整个窗口}private:int m_alpha;
};#include <QApplication>
#include <QTableView>
#include <QHeaderView>
#include <QStandardItemModel>
#include "button.h"int main(int argc, char *argv[])
{QApplication a(argc, argv);//button.show();BreathingLight light;light.show();return a.exec();
}#endif // BUTTON_H