Qt实现桌面右下角弹窗

实现效果

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

实现思路

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

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

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

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

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

实现代码

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

首先在ui中拖一个样式：

主要实现代码：

#ifndef RDESKTOPTIP_H
#define RDESKTOPTIP_H

#include 
#include 
#include 
#include 

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 
#include 
#include 

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("
");
    for (const QString &text : texts)
    {
        if (text.isEmpty())
            continue;
        tip_text += text + "
";
    }
    tip_text += "
";
    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::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();
    });
}