Qt实现Toast效果

已于 2023-03-20 18:57:46 修改
阅读量1.2k 收藏 5
点赞数 1
分类专栏： # Qt基础 文章标签： qt Powered by 金山文档
于 2023-02-27 19:52:08 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenyijun/article/details/129248449
版权

使用Qt开发桌面软件的过程中，有时需要用到提示语，过几秒后自动消失，这种Toast的样式，比如“网络断开连接”，“已超时”，“对方拒绝”等等，而且可能多次出现。那么用Qt怎么来实现呢，一般可能想到的是用QTimer定时器处理，但这种要写信号槽，本篇介绍用timerEvent定时器事件处理。

  1. 创建一个对话框继承QDialog,添加一个水平布局，布局上放一个QLabel,QLabel背景透明，文字居中，设置对话框菜单栏隐藏

ToastDailog()
{
        auto layout = new QHBoxLayout;//水平布局
        m_label = new QLabel;
        m_label->setStyleSheet("color:white; background:transparent");
        layout->addWidget(m_label);
        m_label->setAlignment(Qt::AlignCenter); //文字居中
        setLayout(layout);
        setWindowFlag(Qt::FramelessWindowHint); //隐藏菜单框
        setAttribute(Qt::WA_ShowWithoutActivating, true);
 }

  1. 显示的设置对话框的背景色，设置显示在窗口的最顶端。

void show(CustomToast::Level level, const QString &text)
{
        QPalette p = palette();
        p.setColor(QPalette::Window, QColor(0, 0, 0, 200));
        setPalette(p);
        m_label->setText(text);
        setWindowFlag(Qt::WindowStaysOnTopHint);//窗口置顶
        QDialog::show();
}

  1. 显示Toast启动定时器

m_toastDailog->show(level, text);
m_timerId = startTimer(interval);

  1. 定时器到时，关闭窗口

killTimer(m_timerId);
m_toastDailog->accept(); //隐藏模态对话框

完整的示例代码如下：

CustomToast.h

#ifndef CUSTOMTOAST_H
#define CUSTOMTOAST_H

#include <QObject>
#include <QRect>

class ToastDailog;

class CustomToast : public QObject
{
    Q_OBJECT
public:
    enum Level {INFO, WARN, ERROR};
    void show(Level level, const QString& text, int interval = 2000);
    static CustomToast &instance();

private:
    explicit CustomToast(QObject *parent = nullptr);
    void timerEvent(QTimerEvent *event) override;

private:
    ToastDailog *m_toastDailog;
    int m_timerId{0};
    QRect m_gemoetry;

};

#endif // CUSTOMTOAST_H

CustomToast.cpp

#include "CustomToast.h"
#include <QDialog>
#include <QHBoxLayout>
#include <QLabel>
#include <QEvent>
#include <QDebug>

class ToastDailog: public QDialog
{
public:
    ToastDailog()
    {
        auto layout = new QHBoxLayout;//水平布局
        m_label = new QLabel;
        m_label->setStyleSheet("color:white; background:transparent");
        layout->addWidget(m_label);
        m_label->setAlignment(Qt::AlignCenter); //文字居中
        setLayout(layout);
        setWindowFlag(Qt::FramelessWindowHint); //隐藏菜单框
        setAttribute(Qt::WA_ShowWithoutActivating, true);
    }

    void show(CustomToast::Level level, const QString &text)
    {
        QPalette p = palette();
        p.setColor(QPalette::Window, QColor(0, 0, 0, 200));
        switch (level) {
        case CustomToast::INFO:
            p.setColor(QPalette::Window, QColor(0, 0, 0, 200));//黑底
            break;
        case CustomToast::WARN:
            p.setColor(QPalette::Window, QColor(0, 0, 255, 200));//蓝底
            break;
        default:
            p.setColor(QPalette::Window, QColor(255, 0, 0, 200));//红底
            break;

        }

        setPalette(p);
        m_label->setText(text);
        setWindowFlag(Qt::WindowStaysOnTopHint);//窗口置顶
        QDialog::show();
    }

private:
    QLabel *m_label;
};

void CustomToast::show(CustomToast::Level level, const QString &text, int interval)
{
    m_toastDailog->show(level, text);
    if(m_timerId != 0)
    {
        //如果已开启一个定时器，先把他关掉
        killTimer(m_timerId);
    }
    m_timerId = startTimer(interval); //启动定时器，interval毫秒触发定时器事件，直到调用killTimer
}

CustomToast &CustomToast::instance()
{
    static CustomToast thisToast;//这种实例化方法会自动回收内存
    return thisToast;
}

CustomToast::CustomToast(QObject *parent) : QObject(parent)
{
    m_toastDailog = new ToastDailog;
}

void CustomToast::timerEvent(QTimerEvent *event)
{
    killTimer(m_timerId);
    m_timerId = 0;
    m_toastDailog->accept(); //隐藏模态对话框
}

mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>

QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

public slots:
    void showInfoToast();
    void showWarnToast();
    void showErrorToast();

private:
    Ui::MainWindow *ui;
};
#endif // MAINWINDOW_H

mainwindow.cpp

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include "CustomToast.h"

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    connect(ui->pushButton_info, SIGNAL(clicked()), this, SLOT(showInfoToast()));
    connect(ui->pushButton_warn, SIGNAL(clicked()), this, SLOT(showWarnToast()));
    connect(ui->pushButton_error, SIGNAL(clicked()), this, SLOT(showErrorToast()));
}

MainWindow::~MainWindow()
{
    delete ui;
}

void MainWindow::showInfoToast()
{
    CustomToast::instance().show(CustomToast::INFO, QStringLiteral("文件不存在"));
}

void MainWindow::showWarnToast()
{
    CustomToast::instance().show(CustomToast::WARN, QStringLiteral("登录失败"));
}

void MainWindow::showErrorToast()
{
    CustomToast::instance().show(CustomToast::ERROR, QStringLiteral("网络断开连接"));
}

main.cpp

#include "mainwindow.h"

#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    MainWindow w;
    w.show();
    return a.exec();
}

运行效果：

上面这个有一个缺陷，就是如果移动主窗体，弹出的toast不会在主窗体居中了，

方案二：

#ifndef MYTOAST_H
#define MYTOAST_H

#include <QLabel>
#include <QTimer>

class MyToast : public QLabel
{
    Q_OBJECT
public:
    explicit MyToast(QWidget *parent = nullptr);
    ~MyToast();
    void startToast(const QString &text, int interval = 0);

private slots:
    void slotCloseToast();

private:
    void initView();

private:
    QTimer *m_timer;
};

#endif // MYTOAST_H

#include "MyToast.h"
#include <QDebug>

MyToast::MyToast(QWidget *parent) :
    QLabel(parent),
    m_timer(new QTimer)
{
    setAttribute(Qt::WA_DeleteOnClose); //关闭后自动析构
    initView();
}

MyToast::~MyToast()
{
    qDebug() << "MyToast::~MyToast======= line=== " << __LINE__;
}

void MyToast::startToast(const QString &text, int interval)
{
    if(m_timer->isActive())
        m_timer->stop();
    //计算文本内容的宽度和高度
    QFontMetrics metrics(QFont("微软雅黑", 14));
    int nWidth = metrics.width(text);
    int nHeight = metrics.height();
    //设置窗口大小，给周边一些空间
    this->resize(nWidth + 16, nHeight + 10);
    this->setText(text);
    //和上面设置的字体一样
    this->setFont(QFont("微软雅黑", 14));
    int px = (this->parentWidget()->width() - this->width()) / 2;
    int py = (this->parentWidget()->height() - this->height()) / 2;
    this->move(px, py);
    this->show();
    m_timer->start(interval);
}

//定时器到时关闭弹窗
void MyToast::slotCloseToast()
{
    m_timer->stop();
    this->close();
}

void MyToast::initView()
{
    //设置样式
    this->setStyleSheet("background-color:#ff0000; color:#00ff00;border-radius:4px");
    //文本居中
    this->setAlignment(Qt::AlignCenter);
    connect(m_timer, &QTimer::timeout, this, &MyToast::slotCloseToast);
}

使用


void MainWindow::showErrorToast()
{
    //CustomToast::instance().show(CustomToast::ERROR, QStringLiteral("网络断开连接"));
    MyToast *toast = new MyToast(this);
    toast->startToast(QStringLiteral("网络断开连接"), 2000);

}

运行效果：

这个托动主窗口位置，弹出的都会在主窗体的中间。

这种方案没有动画，下面介绍一种带动画的QPropertyAnimation使用。

方案三：

#ifndef TOASTANIMATION_H
#define TOASTANIMATION_H

#include <QWidget>

namespace Ui {
class ToastAnimation;
}

class ToastAnimation : public QWidget
{
    Q_OBJECT

public:
    explicit ToastAnimation(QWidget *parent = nullptr);
    ~ToastAnimation();
    void initView();
    void setText(const QString &text);
    void showAnimation(int timeout = 2000); //动画方式show出，默认2秒后消失
    //静态调用
    static void showTip(const QString &text, QWidget *parent  = nullptr);

protected:
    virtual void paintEvent(QPaintEvent *event) override;

private:
    Ui::ToastAnimation *ui;
};

#endif // TOASTANIMATION_H

#include "ToastAnimation.h"
#include "ui_ToastAnimation.h"
#include <QPropertyAnimation>
#include <QScreen>
#include <QGuiApplication>
#include <QPainter>
#include <QTimer>
#include <QDebug>


ToastAnimation::ToastAnimation(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::ToastAnimation)
{
    ui->setupUi(this);
    initView();
}

ToastAnimation::~ToastAnimation()
{
    qDebug() << "~ToastAnimation============line==" << __LINE__;
    delete ui;
}

void ToastAnimation::initView()
{
    setWindowFlags(windowFlags()|Qt::FramelessWindowHint|Qt::Tool); //无边框 无任务栏
    setAttribute(Qt::WA_TranslucentBackground, true);//背景透明
    ui->label->setStyleSheet("background-color:#000000; color:#ffffff;border-radius:4px");
    ui->label->setFont(QFont("Microsoft YaHei", 14));
    ui->label->setAlignment(Qt::AlignCenter);
}

void ToastAnimation::setText(const QString &text)
{
    ui->label->setText(text);
    ui->label->resize(ui->label->width() + 16, ui->label->height() + 20);
}

void ToastAnimation::showAnimation(int timeout)
{
    //开始动画
    QPropertyAnimation *animation = new QPropertyAnimation(this, "windowOpacity");
    animation->setDuration(1000);
    animation->setStartValue(0);
    animation->setEndValue(1);
    animation->start();
    show();
    QTimer::singleShot(timeout, [&]
    {
        //结束动画
        QPropertyAnimation *animation = new QPropertyAnimation(this, "windowOpacity");
        animation->setDuration(1000);
        animation->setStartValue(1);
        animation->setEndValue(0);
        animation->start();
        connect(animation, &QPropertyAnimation::finished, [&]{
            close();
            deleteLater();//关闭后析构
        });
    });
}

void ToastAnimation::showTip(const QString &text, QWidget *parent)
{
    qDebug() << "showTip======text===" << text << " line====" << __LINE__;
    ToastAnimation *toast = new ToastAnimation(parent);
    //toast->setWindowFlags(toast->windowFlags()|Qt::WindowStaysOnTopHint);//置顶
    toast->setText(text);
    toast->adjustSize();//设置完文本后调整大小

    int px = 0;
    int py = 0;
    if(parent == nullptr) {
        //主屏的60%高度位置
        QScreen *pScreen = QGuiApplication::primaryScreen();
        px = (pScreen->size().width() - toast->width()) / 2;
        py = pScreen->size().height() * 6/10;
    }
    else {
        //弹框居中
        px = (parent->width() - toast->width()) / 2 + parent->pos().x();
        py = (parent->height() - toast->height()) / 2 + parent->pos().y();
    }

    toast->move(px, py);
    toast->showAnimation();
}
//绘制背景为黑色
void ToastAnimation::paintEvent(QPaintEvent *event)
{
    QPainter paint(this);
    paint.setPen(Qt::NoPen);
    paint.setBrush(Qt::black);
    paint.setRenderHint(QPainter::Antialiasing);
    QPainterPath path;
    path.addRoundedRect(rect(), 20, 20);
    paint.setClipPath(path);  //圆角边框去掉毛刺
    QBrush brush = QBrush(QColor("#000000")); //黑色背景
    paint.setBrush(brush);
    paint.drawRect(rect());
}

测试代码：

void MainWindow::showWarnToast()
{
    //CustomToast::instance().show(CustomToast::WARN, QStringLiteral("登录失败"));
    ToastAnimation::showTip(QStringLiteral("登录失败"), this);
}

运行结果:

参考：

https://blog.csdn.net/qq_45662588/article/details/116157723

班公湖里洗过脚
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
实现多种Toast效果
04-03
实现多种Toast效果，源码Toast，可以支持实现了有五种不同效果的Toast的效果特效，有默认的那个效果，还是自定义位置的，另外还有带图片的效果，而且还可以支持完全自定义的，以及长时间的图片效果。
Qt实现Toast提示消息
wwwlyj123321的博客
01-09 4495
实现的功能： 弹出一个悬浮在屏幕上的对话框，延时一定时间后自动消失。 效果图： 使用方法： 1、将toast.cpp和toast.h添加到QT工程 2、需要使用的地方包含头文件 #include "toast.h" 3、代码调用显示： Toast::instance().show(Toast::INFO, "this is INFO!"); Toast::instance().show(Toast::WARN, "this is WARN!"); Toast::instan...
Qt仿Android的toast控件效果
09-24
使用Qt Widget Application技术实现桌面操作系统下类似Android的toast控件效果。Demo中实现为多线程的单例模式。
qt for Android使用原生方式和自建类方式实现toast效果
04-28
qt版本5.10，代码例程采用两种方式实现安卓系统app的toast效果，一种是调用Android原生的方式，一种是自建类实现仿toast方式，欢迎下载学习，适合新手
qt例程Toast.7z
07-16
qt例程Toast.7z
Qt 实现Android Toast效果，qtwidgets和qtquick都能用
weixin_42601990的博客
07-10 711
先做个自我介绍，业余编程菜狗一名，毕业于西南大学。。。。。。 一开始学习了安卓开发，用到过toast消息提示功能，后面在学习Qt开发，发现没有这个库，于是百度，发现了一个Toast库，但是使用起来显示效果一点都不好,不美观，链接如下 终于有了时间，决定来实现自己的Toast库，gitee链接->Qt_Lib_toast: 一个简单的用于Qt widgets与Qt quick的Toast库 (gitee.com) qtquick移植效果图 最起码美观上符合了自己的审美，接下来上代码。
深入Qt--类似安卓Toast提示框
Venus的博客
08-17 741
深入Qt–类似安卓Toast提示框 在开发安卓应用中经常点击按键的时候下方中间位置提示带文字的提示框。Qt同样也可以做到。 头文件 toastdialog.h #ifndef TOASTDIALOG_H #define TOASTDIALOG_H #include <QDialog> #include <QLabel> #include <QTimer> class Toast : public QDialog { Q_OBJECT public: e
QT中的QPropertyAnimation使用和toast案列
疯狂挖掘机的博客
06-30 718
QT QPropertyAnimation实现toast效果
Qt仿安卓Toast效果.zip
03-12
Qt仿Android的toast控件效果，代码简明带有注释，低积分下载，可跨平台编译，已经在Windows以及Ubuntu Linux上亲测有效，适合初学者
使用Toast显示消息提示框
程序员深夜写bug
01-03 3182
1、布局文件 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="m
Qt for Android调用android原生Toast控件
luoyayun361的专栏
02-22 2137
用Qt开发Android应用，有时候会想着直接调用android原生的一些组件或者打开某些android的系统界面，比如调用Toast显示消息提醒、打开android系统设置页面。这里主要讲解如何通过Qt调用android原生的Toast来显示消息提醒。 首先，如果是一个新创建的Qt工程，需要创建一个AndroidManifest.xml文件，创建过程不再赘述，然后创建一个java的类，继承于
Qt实现显示处理提示界面
代码人生
01-13 2240
// 显示处理提示界面 QSplashScreen splash(QPixmap("images/progress.png")); splash.setDisabled(true); // 禁用用户的输入事件响应 splash.show(); splash.showMessage(QObject::tr("正在进行分析1..."),Qt::AlignCenter|
qt自定义控件-模拟Android toast提示窗口
kbq的博客
04-20 2384
一、前言 好久没写博客了，最近一直写材料，很难受，在家做点小东西，正好遇到了想做的效果，在桌面程序实现Android的toast效果 二、环境 目标机linux，测试机window10 qt5.7 本文参考连接 我的Android toast效果实现方法 三、正文 我需求的和心目中的toast有两种效果： 第一种是比较常规的Androidtoast效果，也是比较简单实现，主要参考以上连接，操作部分稍加修改，可以无线连续点击，不会造成内存堆积。下面是实现效果和方法。 cpp #i.
Qt实现移动端Toast提示消息
萧海的博客
04-26 646
先上具体的实现效果图： 弹出提示后，提示框在一定时间内消失。 程序 程序头文件定义： /** @file Toast.h * @brief Qt模拟安卓移动客户端Toast提示消息 * @note qss set in ui file * @author lesliefish * @date 2019/05/31 */ #pragma once #include <QtWidgets/QWidget> #include "ui_Toast.h" class
QT仿安卓端实现Toast消息提示
林柒Sevenlin随记
04-13 409
使用QT模仿安卓端实现Toast消息提示功能。
【QT/qml】QT实现类Android的Toast的消息提示功能
Adimecoin的博客
03-06 549
QT6.2.4 + Qml 实现类似Android的Toast消息提示框
dialog实现toast透传点击事件
最新发布
05-24
要实现Dialog中的Toast透传点击事件，你可以使用以下步骤： 1. 创建一个自定义的Toast布局，其中包含一个可点击的控件（比如一个Button）。 2. 在Dialog中创建一个Toast对象，并将自定义布局设置为Toast的视图。 3. 为Button添加点击事件监听器，并在监听器中实现你需要的透传逻辑。 以下是一个示例代码： ```java // 创建一个自定义的Toast布局 View toastView = LayoutInflater.from(context).inflate(R.layout.custom_toast_layout, null); Button button = toastView.findViewById(R.id.button); // 创建一个Toast对象，并将自定义布局设置为Toast的视图 Toast toast = new Toast(context); toast.setView(toastView); // 为Button添加点击事件监听器 button.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // 在监听器中实现你需要的透传逻辑 dialog.dismiss(); // ... } }); // 显示Toast toast.show(); ``` 请注意，这种做法可能会让用户感到困惑，因为他们可能不知道这个可点击的控件是干什么用的，所以最好在Dialog中添加一个明确的按钮来执行透传逻辑。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值