Qt实现桌面右下角弹窗

偏执的太偏执、 2023-02-19 15:26 218阅读 0赞

# 实现效果 #

这次制作的桌面右下角弹窗，主要功能有透明度和位置动画、定时关闭。

![20200621145058431.gif][]

# 实现思路 #

首先，我们需要获取桌面大小，然后 move 到右下角去，这里借助的 QScreen：

QScreen * screen = QGuiApplication::primaryScreen();
    const QRect desk_rect = screen->availableGeometry();

对于动画，我用的  QPropertyAnimation 属性动画配合动画组。然后根据设置来决定启用哪些动画、是否定时关闭等。

还有要注意的是模态框的问题，如果有一个 ApplicationModal 的窗口显示了，就没法点击其他窗口。而且关闭模态窗口时，可能会导致主窗口跑到其他窗口后面去了。这里我时先设置为 WindowModal ，关闭时再设置程 NoModal 非模态。

目前还没有做鼠标放在上面不自动关闭的功能；目前的实现只有单个弹窗实例，可自行修改为允许多个弹框同时存在。

# 实现代码 #

完整代码链接（RDesktopTip类）：[https://github.com/gongjianbo/RectangleComponent][https_github.com_gongjianbo_RectangleComponent]

首先在ui中拖一个样式：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmdqaWFuYm8xOTky_size_16_color_FFFFFF_t_70][]

主要实现代码：

#ifndef RDESKTOPTIP_H
    #define RDESKTOPTIP_H
    
    #include <QWidget>
    #include <QPropertyAnimation>
    #include <QParallelAnimationGroup>
    #include <QTimer>
    
    namespace Ui {
    class RDesktopTip;
    }
    
    /**
     * @brief 桌面右下角弹框
     * @author 龚建波
     * @date 2020-6-21
     * @note 可以增加show的parent参数，使模态有父子关系
     * @details 只有单个实例对象显示弹框，
     * 后面设置的信息会覆盖之前的。
     * 也可以修改为每次show单独创建一个实例对象
     */
    class RDesktopTip : public QWidget
    {
        Q_OBJECT
        explicit RDesktopTip();
    public:
        //动画模式枚举
        enum AnimationMode
        {
            //无动画
            NoAnimation = 0x00,
            //仅透明度动画
            OpacityAnimation = 0x01,
            //仅位置动画
            PosAnimation = 0x02,
            //全部动画
            //OpacityAnimation|PosAnimation
            AllAnimation = 0xFF
        };
    public:
        ~RDesktopTip();
    
        //显示弹框-已显示动画重新开始,timeout<=0不会定时消失
        static void showTip(const QStringList &texts,int timeout=0);
        //显示弹框-已显示不重复动画
        static void keepTip(const QStringList &texts);
        //隐藏弹框
        static void hideTip();
        //设置动画模式
        static RDesktopTip::AnimationMode getMode();
        static void setMode(RDesktopTip::AnimationMode newMode);
    
    private:
        //初始化动画设置
        void initAnimation();
        //初始化定时器设置
        void initTimer();
        //准备定时器
        void readyTimer(int timeout);
        //启动显示动画-已显示动画重新开始
        void showAnimation();
        //启动显示动画-已显示不重复动画
        void keepAnimation();
        //启动隐藏动画
        void hideAnimation();
        //显示的文本
        void setTextList(const QStringList &texts);
    
    private:
        Ui::RDesktopTip *ui;
        //唯一实例
        static RDesktopTip *instance;
    
        //动画设置
        static AnimationMode mode;
        //动画组
        QParallelAnimationGroup *showGroup;
        //保存动画结束状态
        bool showAnimEnd=false;
        //透明度属性动画
        QPropertyAnimation *showOpacity=nullptr;
        //位置属性动画
        QPropertyAnimation *showPos=nullptr;
    
        //定时关闭
        QTimer *hideTimer=nullptr;
        //定时计数
        int hideCount=0;
    };
    
    #endif // RDESKTOPTIP_H

#include "RDesktopTip.h"
    #include "ui_RDesktopTip.h"
    
    #include <QApplication>
    #include <QScreen>
    #include <QDebug>
    
    RDesktopTip* RDesktopTip::instance=nullptr;
    RDesktopTip::AnimationMode RDesktopTip::mode=RDesktopTip::AllAnimation;
    
    RDesktopTip::RDesktopTip()
        : QWidget(nullptr),
          ui(new Ui::RDesktopTip),
          showGroup(new QParallelAnimationGroup(this))
    {
        ui->setupUi(this);
    
        setWindowFlags(Qt::FramelessWindowHint | Qt::ToolTip);
        setAttribute(Qt::WA_TranslucentBackground);
        setAttribute(Qt::WA_DeleteOnClose);
        //setWindowModality(Qt::WindowModal);
    
        //resize会被label撑开
        setFixedSize(310,210);
    
        //关闭
        connect(ui->btnClose,&QPushButton::clicked,this,&RDesktopTip::hideTip);
        //程序退出时释放
        connect(qApp,&QApplication::aboutToQuit,this,&RDesktopTip::close);
        //动画设置
        initAnimation();
        //定时器设置
        initTimer();
    }
    
    RDesktopTip::~RDesktopTip()
    {
        qDebug()<<"delete DesktopTip";
        delete ui;
    }
    
    void RDesktopTip::showTip(const QStringList &texts, int timeout)
    {
        if(!instance){
            //仅在ui线程
            instance=new RDesktopTip;
        }
        instance->readyTimer(timeout);
        //模态框
        instance->setWindowModality(Qt::WindowModal);
        instance->setTextList(texts);
        instance->showAnimation();
    }
    
    void RDesktopTip::keepTip(const QStringList &texts)
    {
        if(!instance){
            //仅在ui线程
            instance=new RDesktopTip;
        }
        instance->readyTimer(0);
        //模态框
        instance->setWindowModality(Qt::WindowModal);
        instance->setTextList(texts);
        instance->keepAnimation();
    }
    
    void RDesktopTip::hideTip()
    {
        if(!instance){
            return;
        }
        instance->hideAnimation();
    }
    
    RDesktopTip::AnimationMode RDesktopTip::getMode()
    {
        return mode;
    }
    
    void RDesktopTip::setMode(RDesktopTip::AnimationMode newMode)
    {
        if(mode!=newMode){
            mode=newMode;
        }
    }
    
    void RDesktopTip::initAnimation()
    {
        //透明度动画
        showOpacity=new QPropertyAnimation(this,"windowOpacity");
        //判断是否设置了此模式的动画
        if(mode&AnimationMode::OpacityAnimation){
            showOpacity->setDuration(1500);
            showOpacity->setStartValue(0);
        }else{
            showOpacity->setDuration(0);
            showOpacity->setStartValue(1);
        }
        showOpacity->setEndValue(1);
        showGroup->addAnimation(showOpacity);
    
        //位置动画
        showPos=new QPropertyAnimation(this,"pos");
        QScreen * screen = QGuiApplication::primaryScreen();
        if (screen) {
            const QRect desk_rect = screen->availableGeometry();
            const QPoint hide_pos{desk_rect.width()-this->width(),
                        desk_rect.height()};
            const QPoint show_pos{desk_rect.width()-this->width(),
                        desk_rect.height()-this->height()};
            //判断是否设置了此模式的动画
            if(mode&AnimationMode::PosAnimation){
                showPos->setDuration(1500);
                showPos->setStartValue(hide_pos);
            }else{
                showPos->setDuration(0);
                showPos->setStartValue(show_pos);
            }
            showPos->setEndValue(show_pos);
        }
        showGroup->addAnimation(showPos);
        //
        connect(showGroup,&QParallelAnimationGroup::finished,[this]{
            //back消失动画结束关闭窗口
            if(showGroup->direction()==QAbstractAnimation::Backward){
                //Qt::WA_DeleteOnClose后手动设置为null
                instance=nullptr;
                qApp->disconnect(this);
                //关闭时设置为非模态，方式主窗口被遮挡，待测试
                this->setWindowModality(Qt::NonModal);
                this->close();
            }else{
                //配合keepAnimation
                showAnimEnd=true;
                //配合定时关闭
                if(hideCount>0)
                    hideTimer->start();
            }
        });
    }
    
    void RDesktopTip::initTimer()
    {
        hideTimer=new QTimer(this);
        hideTimer->setInterval(1000); //1s间隔
        connect(hideTimer,&QTimer::timeout,[this]{
            if(hideCount>1){
                hideCount--;
                ui->btnClose->setText(QString("%1 S").arg(hideCount));
            }else{
                ui->btnClose->setText(QString("Close"));
                hideTimer->stop();
                hideTip();
            }
        });
    }
    
    void RDesktopTip::readyTimer(int timeout)
    {
        //先设置，在显示动画结束再start开始计时器
        hideCount=timeout;
        hideTimer->stop();
    
        if(hideCount>0){
            ui->btnClose->setText(QString("%1 S").arg(hideCount));
        }else{
            ui->btnClose->setText(QString("Close"));
        }
    }
    
    void RDesktopTip::showAnimation()
    {
        showGroup->setDirection(QAbstractAnimation::Forward);
        //停止正在进行的动画重新
        if(showGroup->state()==QAbstractAnimation::Running){
            showGroup->stop();
        }
        showGroup->start();
        show();
    }
    
    void RDesktopTip::keepAnimation()
    {
        //show没有完成，或者正在动画中才进入
        if(!showAnimEnd||showGroup->state()!=QAbstractAnimation::Stopped){
            showGroup->setDirection(QAbstractAnimation::Forward);
            showGroup->start();
            show();
        }
    }
    
    void RDesktopTip::hideAnimation()
    {
        //Backward反向执行动画
        showGroup->setDirection(QAbstractAnimation::Backward);
        showGroup->start();
    }
    
    void RDesktopTip::setTextList(const QStringList &texts)
    {
        QString tip_text("<p style='line-height:120%'>");
        for (const QString &text : texts)
        {
            if (text.isEmpty())
                continue;
            tip_text += text + "<br>";
        }
        tip_text += "</p>";
        ui->contentLabel->setText(tip_text);
    }

使用方式：

void ToolTipDemo::initDesktopTip()
    {
        //待修改样式
        ui->desktopTipBox->setView(new QListView(this));
        //选择启用的动画
        ui->desktopTipBox->addItems({"All","No","Opacity","Pos"});
        connect(ui->desktopTipBox,QOverload<int>::of(&QComboBox::currentIndexChanged),
                [](int index){
            switch (index) {
            case 0: RDesktopTip::setMode(RDesktopTip::AllAnimation); break;
            case 1: RDesktopTip::setMode(RDesktopTip::NoAnimation); break;
            case 2: RDesktopTip::setMode(RDesktopTip::OpacityAnimation); break;
            case 3: RDesktopTip::setMode(RDesktopTip::PosAnimation); break;
            default: break;
            }
        });
        connect(ui->btnDesktopTipShow,&QPushButton::clicked,[=]{
            RDesktopTip::showTip({
                                     "这是 1 条信息",
                                     "这是 1 条信息",
                                     "这是 1 条信息",
                                     "这是 1 条信息"
                                 },5); //只显示5s就消失
        });
        connect(ui->btnDesktopTipKeep,&QPushButton::clicked,[=]{
            RDesktopTip::keepTip({
                                     "这是 2 条信息",
                                     "这是 2 条信息",
                                     "这是 2 条信息",
                                     "这是 2 条信息"
                                 }); //一直显示，直到点关闭
        });
        connect(ui->btnDesktopTipHide,&QPushButton::clicked,[=]{
            RDesktopTip::hideTip();
        });
    }

[20200621145058431.gif]: https://img-blog.csdnimg.cn/20200621145058431.gif
[https_github.com_gongjianbo_RectangleComponent]: https://github.com/gongjianbo/RectangleComponent
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmdqaWFuYm8xOTky_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/2020062114454971.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmdqaWFuYm8xOTky,size_16,color_FFFFFF,t_70