Qt实用技巧：会呼吸的痛（呼吸点/呼吸灯）（转载）

最新推荐文章于 2024-07-22 07:30:00 发布
最新推荐文章于 2024-07-22 07:30:00 发布
阅读量3k 收藏 13
点赞数
分类专栏： Qt 文章标签： Qt

Qt实用技巧：会呼吸的痛（呼吸点/呼吸灯）

+传送门http://blog.csdn.net/qq21497936/article/details/78747244

对萨芬的萨

        

Demo下载地址：http://download.csdn.net/download/qq21497936/10150349

入坑

        主窗口为QWidget的子类时，不论设置QPallet和setStyleSheets设置背景图片是无法生效的，但设置颜色却可以生效。

Demo目录结构

        

关键代码

已经在主窗口上添加了一个QWidget

主窗口关键代码，设置布局，生成6个呼吸点

frmLightPoint::frmLightPoint(QWidget *parent) :  
    QWidget(parent),  
    ui(new Ui::frmLightPoint)  
{  
    ui->setupUi(this);  
  
    // 设置背景图片  
    ui->widget->setStyleSheet("QWidget#widget {background: url(:/image/bg1.jpg); }");  
    // 使用Grid布局  
    QGridLayout * pLayout = new QGridLayout();  
    // 生成 2行 3列 共 6 个控件  
    LightPoint *pLightPoint;  
    for(int index = 0; index < 6; index++)  
    {  
        pLightPoint = new LightPoint(this);  
        pLayout->addWidget(pLightPoint, index/3, index%3, 1, 1);  
        // 控件指针加入列表，以便设置颜色，等同于 widgets.push_back(pLightPoint);  
        widgets << pLightPoint;  
    }  
    // 设置布局到主窗口上的QWidget  
    ui->widget->setLayout(pLayout);  
    // 颜色列表  
    QList<QColor> colors;  
    colors << "#47A4E9" << "#00B17D" << "#D64D54" << "#DEAF39" << "#A279C5" << "#009679";  
    // 循环设置颜色  
    for (int index = 0; index < widgets.count(); index++) {  
        widgets.at(index)->setBgColor(colors.at(index));  
    }  
}
呼吸点控件头文件 lightpoint.h 

#ifndef LIGHTPOINT_H  
#define LIGHTPOINT_H  
  
#include <QWidget>  
  
#ifdef quc  
#if (QT_VERSION < QT_VERSION_CHECK(5,7,0))  
#include <QtDesigner/QDesignerExportWidget>  
#else  
#include <QtUiPlugin/QDesignerExportWidget>  
#endif  
  
class QDESIGNER_WIDGET_EXPORT LightPoint : public QWidget  
#else  
class LightPoint : public QWidget  
#endif  
{  
    Q_OBJECT  
    Q_PROPERTY(int step READ getStep WRITE setStep)  
    Q_PROPERTY(int interval READ getInterval WRITE setInterval)      
    Q_PROPERTY(QColor bgColor READ getBgColor WRITE setBgColor)  
  
public:  
    explicit LightPoint(QWidget *parent = 0);  
    ~LightPoint();  
  
protected:  
    void paintEvent(QPaintEvent *) override;  
    void drawBg(QPainter *painter);  
  
private:  
    int step;                       //颜色透明渐变步长  
    int interval;                   //定时器间隔      
    QColor bgColor;                 //背景颜色  
  
    QTimer *timer;                  //绘制定时器  
    int offset;                     //偏移量  
    bool add;                       //是否增加  
  
public:  
    int getStep()                   const;  
    int getInterval()               const;      
    QColor getBgColor()             const;  
  
    QSize sizeHint()                const;  
    QSize minimumSizeHint()         const;  
  
public slots:  
    //设置颜色透明渐变步长  
    void setStep(int step);  
  
    //设置定时器间隔  
    void setInterval(int interval);    
  
    //设置背景颜色  
    void setBgColor(const QColor &bgColor);  
  
};  
  
#endif // LIGHTPOINT_H
呼吸点控件源代码 lightpoint.cpp 

#ifndef LIGHTPOINT_H  
#define LIGHTPOINT_H  
  
#include <QWidget>  
  
#ifdef quc  
#if (QT_VERSION < QT_VERSION_CHECK(5,7,0))  
#include <QtDesigner/QDesignerExportWidget>  
#else  
#include <QtUiPlugin/QDesignerExportWidget>  
#endif  
  
class QDESIGNER_WIDGET_EXPORT LightPoint : public QWidget  
#else  
class LightPoint : public QWidget  
#endif  
{  
    Q_OBJECT  
    Q_PROPERTY(int step READ getStep WRITE setStep)  
    Q_PROPERTY(int interval READ getInterval WRITE setInterval)      
    Q_PROPERTY(QColor bgColor READ getBgColor WRITE setBgColor)  
  
public:  
    explicit LightPoint(QWidget *parent = 0);  
    ~LightPoint();  
  
protected:  
    void paintEvent(QPaintEvent *) override;  
    void drawBg(QPainter *painter);  
  
private:  
    int step;                       //颜色透明渐变步长  
    int interval;                   //定时器间隔      
    QColor bgColor;                 //背景颜色  
  
    QTimer *timer;                  //绘制定时器  
    int offset;                     //偏移量  
    bool add;                       //是否增加  
  
public:  
    int getStep()                   const;  
    int getInterval()               const;      
    QColor getBgColor()             const;  
  
    QSize sizeHint()                const;  
    QSize minimumSizeHint()         const;  
  
public slots:  
    //设置颜色透明渐变步长  
    void setStep(int step);  
  
    //设置定时器间隔  
    void setInterval(int interval);    
  
    //设置背景颜色  
    void setBgColor(const QColor &bgColor);  
  
};  
  
#endif // LIGHTPOINT_H  
呼吸点控件源代码 lightpoint.cpp

[cpp] view plain copy
#include "lightpoint.h"  
#include "qpainter.h"  
#include "qevent.h"  
#include "qtimer.h"  
  
LightPoint::LightPoint(QWidget *parent) : QWidget(parent)  
{  
    step = 10;  
    interval = 100;      
    bgColor = QColor(255, 0, 0);  
  
    timer = new QTimer(this);  
    connect(timer, SIGNAL(timeout()), this, SLOT(update()));  
    timer->start(100);  
  
    offset = 0;  
    add = true;  
}  
  
LightPoint::~LightPoint()  
{  
    if (timer->isActive()) {  
        timer->stop();  
    }  
}  
  
void LightPoint::paintEvent(QPaintEvent *)  
{  
    QPainter painter(this);  
    // 绘制准备工作 启用反锯齿  
    painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);  
    // 平移坐标轴中心,  
    painter.translate(rect().width() / 2, rect().height() / 2);  
    //绘制背景  
    drawBg(&painter);  
}  
  
void LightPoint::drawBg(QPainter *painter)  
{  
    // 半径为当前 宽 或者 高 的一半  
    int radius = qMin(rect().width(), rect().height())/2;  
    // 保存当前painter  
    painter->save();  
    // 以点为中心的渐变色  
    QRadialGradient g(QPoint(0, 0), radius);  
    // 循环加减  
    (offset < 100 && add) ? (offset += step) : (add = false);  
    (offset > 0 && !add) ? (offset -= step) : (add = true);  
    // 按照 点范围[0.0,1.0] 对于 每点的颜色  
    bgColor.setAlpha( 200+offset > 255 ? 255 : 200+offset );  
    g.setColorAt(0.0, bgColor);  
    bgColor.setAlpha( 140+offset);  
    g.setColorAt(0.2, bgColor);  
    bgColor.setAlpha( 80+offset);  
    g.setColorAt(0.4, bgColor);  
    bgColor.setAlpha( 20+offset >= 0 ? 20+offset : 0 );  
    g.setColorAt(0.6, bgColor);  
    bgColor.setAlpha( -60+offset >= 0 ? -50+offset : 0 );  
    g.setColorAt(0.8, bgColor);  
    bgColor.setAlpha( 0 );  
    g.setColorAt(1.0, bgColor);  
    // 设置 画笔 图形的边界线  
    painter->setPen(Qt::NoPen);  
    // 设置 画刷 画刷为 点向外辐射的渐变色  
    painter->setBrush(g);  
    // 画椭圆，长=宽 为原型  
    painter->drawEllipse(-radius, -radius, radius * 2, radius * 2);  
    // 回复保存的  
    painter->restore();  
}  
  
int LightPoint::getStep() const  
{  
    return this->step;  
}  
  
int LightPoint::getInterval() const  
{  
    return this->interval;  
}  
  
QColor LightPoint::getBgColor() const  
{  
    return this->bgColor;  
}  
  
QSize LightPoint::sizeHint() const  
{  
    return QSize(100, 100);  
}  
  
QSize LightPoint::minimumSizeHint() const  
{  
    return QSize(5, 5);  
}  
  
void LightPoint::setStep(int step)  
{  
    if (this->step != step) {  
        this->step = step;  
        update();  
    }  
}  
  
void LightPoint::setInterval(int interval)  
{  
    if (this->interval != interval) {  
        this->interval = interval;  
        timer->setInterval(interval);  
        update();  
    }  
}  
  
void LightPoint::setBgColor(const QColor &bgColor)  
{  
    if (this->bgColor != bgColor) {  
        this->bgColor = bgColor;  
        update();  
    }  
}




Mechanic262
关注
专栏目录
Qt/C++编写自定义控件37-发光按钮（会呼吸的痛）
Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法
07-24 2845
一、前言 这个控件是好早以前写的，已经授权过好几个人开源过此控件代码，比如红磨坊小胖，此控件并不是来源于真实需求，而仅仅是突发奇想，类似于星星的闪烁，越到边缘越来越淡，定时器动态改变边缘发光的亮度，产生呼吸的效果，别名叫会呼吸的痛，看到这个歌名，又让我想起了前女友，哎！久久不能忘怀！ 大致的原理就是使用了锥形渐变QRadialGradient，然后定时器改变该渐变画刷的颜色的透明度值，产生呼吸效果...
Qt实用技巧：会呼吸的痛(呼吸点/呼吸灯)
有志者事竟成
12-09 3958
Demo下载地址：http://download.csdn.net/download/qq21497936/10150349 入坑         主窗口为QWidget的子类时，不论设置QPallet和setStyleSheets设置背景图片是无法生效的，但设置颜色却可以生效。 Demo目录结构          关键代码
Qt控件1——呼吸灯
六竹书生_DH的博客
04-07 3779
在Qt开发界面中建立数据通信时，通常使用一个呼吸灯亮来指示数据的通信，如：亮红灯代表数据中断，亮绿灯代表数据接通 在文件中使用了lightpoint.cpp文件封装了呼吸灯的主要操作函数，如下所示： #include "lightpoint.h" #include "qpainter.h" #include "qevent.h" #include "qtimer.h" LightPoint::LightPoint(QWidget *parent) : QWidget(parent) { step
QT自定义指示灯（可闪烁、可移动）
最新发布
u012959478的博客
07-22 1141
指示灯的应用场景很广泛，随着科技的进步和创新，指示灯的应用也在不断扩展和改进。指示灯在用户界面中常用于表示状态、警告或提示信息。在Qt中，可以通过自定义继承QWidget的类来实现自定义指示灯控件。本文将介绍实现两种形式。1、使用QPixmap绘制指示灯；2、在paintEvent中使用QPainter来绘制。
基于qtLED呼吸灯程序（多线程控制）---全CSDN独家
weixin_45501867的博客
08-25 2098
本次实验是基于基于qtLED呼吸灯程序（多线程控制），大家都知道呼吸灯都是用pwm波来控制输出电压的大小来控制呼吸灯的一闪一灭来实现呼吸的效果，开呼吸灯程序免不了用while死循环，嵌入式必备程序while(1),我这里用的是qt的一个GUI界面来控制呼吸灯的呼吸和灭，所以必定开多线程，下面直接贴代码 这是我写的一个led.h文件，开了一个多线程， ，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，， led.cpp文件，里面写了一个run函数，就是呼吸灯程序 。。。下面下煮菜 这
Qt呼吸灯阴影效果
weixin_42219627的博客
07-02 482
使用装饰者方式实现的呼吸灯阴影效果
Homebrew MacOS 错误 Error: /usr/local/opt/qt is not a valid keg
DYC的博客
03-09 5022
Homebrew 解决方法 Error: /usr/local/opt/qt is not a valid keg
Qt基础之三十九：Qt Creator调试技巧
草上爬的博客
10-27 6212
Qt Creator调试技巧 一.开始调试(F5) 二.调试dll 1.Attach to Running Application 2.Attach to Running Application 3.Start and Debug External Application 三.调试源码 1.MinGW 2.MSVC
基于QT的亮点呼吸灯效果
06-06
基于QT的呼吸灯效果，亮点亮暗渐变，类似于呼吸灯的效果
流水灯、呼吸灯
qq_73773808的博客
07-04 649
C51流水灯、呼吸灯
qt指示灯程序
09-25
在QT界面制作指示灯，开关变化颜色，能改变大小颜色，直接可以。
Qt状态灯（红绿灯）实现
11-05
可以作为指示灯，可以随时切换黄灯、绿灯、红灯三种状态的。
qt实现状态指示灯——灯亮度可改变
09-27
qt实现的简易状态指示灯，灯的状态可闪烁，通过重载paintEvent来实现，可以通过自己定义状态指示变量来控制状态指示的状态。给出了qt4下实现的工程文件，可直接运行，定义了两个状态指示，大家可以根据自己的需要定义更多的状态指示。
纯代码播放按钮呼吸效果JS透明动态效果
04-12
纯手写代码播放按钮呼吸效果JS透明动态效果，用于做吸引点击播放效果。
qt5-led-indicator-widget:QT5的简单LED指示灯小部件
04-29
qt5-led指示灯小工具 QT5的简单LED指示灯小部件 该存储库包含类和示例项目。 该类具有一些基本功能，并且易于使用。 该存储库有一个基本的示例应用程序，该应用程序使led小部件陷入困境。 看起来像这样： 基本示例： myLedIndicator = new LedIndicator(); //creates new instance whih off state ui->gridLayout->addWidget(myLedIndicator,1,0); //add it to the layout myLedIndicator->setLedSize(40); //make a big led indicator; myLedIndicator->toggle(); //make it on 功能列表： 设置指示灯状态 void setState(bool state);
lightpointDemo.rar
12-07
1.app可运行程序 2.lightpoint源码 /** * 呼吸点控件 * * 1:可设置呼吸间隔 * 2:可设置颜色透明渐变步长 * 3:可设置背景颜色 */ 源码提供者： feiyangqingyun(QQ:517216493) 2017-11-27 注释优化撰写博客： 红模仿(QQ:21497936) 2017-12
按钮呼吸动态实现
WhyBecause的博客
08-02 1048
按钮大小大小的动作，像呼吸一样！ <button class="prize_push_btn" >立刻充值</button> <style> .prize_push_btn{ width: 320upx; height: 80upx; line-height: 80upx; background: #FDCD45; text-align...
QT控件的简单实现---1
cslx97的博客
03-19 261
刚学QT几天，沉迷于一些大佬的学习博客无法自拔，但实际上走马观花，收获甚微。所以想着先把一些控件先基本实现一遍，熟悉之后再结合数据结构或者多线程再实现一下，做点小东西。 https://www.cnblogs.com/tornadomeet/category/374732.html?page=1 信号和槽 信号和槽是Qt 特有的消息传输机制，它能将相互独立的控件关联起来。 QLabel文本框的用法 QLabel是Qt 提供给我们的一种文本控件，它的基础功能是显示一串文本。除了显示一串文本外，QLabel
qt指示灯学习
JerryZhang132的博客
01-26 330
qt 指示灯
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值