Qt之透明提示框

简介:

简述

经常使用企鹅的小伙伴一定对登录失败的提示框很熟悉,主要涉及窗口透明并添加图标、提示信息、关闭按钮的显示等。

我们可以利用QWidget创建一个提示框,然后通过样式设置我们想要的效果。

效果

这里写图片描述

源码

QMessageWidget.h

#ifndef MESSAGE_WIDGET
#define MESSAGE_WIDGET

#include <QWidget>

class QLabel;
class QPushButton;

class QMessageWidget : public QWidget
{
    Q_OBJECT

public:
    explicit QMessageWidget(QWidget *parent = 0);
    ~QMessageWidget();
    // 设置显示文本
    void setText(const QString &text);

protected:
    void paintEvent(QPaintEvent *event);

private:
    QLabel *m_pMessageLabel;
};

#endif // MESSAGE_WIDGET

QMessageWidget.cpp

#include <QLabel>
#include <QStyleOption>
#include <QPainter>
#include <QPushButton>
#include <QHBoxLayout>
#include "QMessageWidget.h"

QMessageWidget::QMessageWidget(QWidget *parent)
    : QWidget(parent)
{
    setFixedHeight(25);

    setAutoFillBackground(true);
    setObjectName("messageWidget");

    // 提示图标
    QLabel *pIconLabel = new QLabel(this);
    m_pMessageLabel = new QLabel(this);
    QPushButton *pCloseButton = new QPushButton(this);

    pCloseButton->setFixedSize(8, 8);
    pIconLabel->setFixedSize(16, 16);

    pIconLabel->setScaledContents(true);
    pIconLabel->setObjectName("informationLabel");

    m_pMessageLabel->setAlignment(Qt::AlignLeft | Qt::AlignVCenter);
    m_pMessageLabel->setObjectName("highlightLabel");
    m_pMessageLabel->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);

    pCloseButton->setObjectName("closeTipButton");

    QHBoxLayout *pLayout = new QHBoxLayout();
    pLayout->addWidget(pIconLabel);
    pLayout->addWidget(m_pMessageLabel);
    pLayout->addWidget(pCloseButton);
    pLayout->setSpacing(5);
    pLayout->setContentsMargins(3, 3, 5, 3);

    setLayout(pLayout);

    connect(pCloseButton, SIGNAL(clicked(bool)), this, SLOT(close()));
}

QMessageWidget::~QMessageWidget()
{

}

// 设置显示文本
void QMessageWidget::setText(const QString &text)
{
    m_pMessageLabel->setText(text);
}

// 设置样式需要重写
void QMessageWidget::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event);

    QStyleOption opt;
    opt.init(this);
    QPainter p(this);
    style()->drawPrimitive(QStyle::PE_Widget, &opt, &p, this);
}

样式

// 界面样式
QWidget#messageWidget {
    background: rgba(255, 255, 255, 20%);
}

// 提示信息样式
QLabel#highlightLabel {
        color: rgb(0, 160, 230);
}

// 图标样式
QPushButton#closeTipButton {
        border-radius: none;
        border-image: url(:/Images/tipClose);
        background: transparent;
}
QPushButton#closeTipButton:hover {
        border-image: url(:/Images/tipCloseHover);
}
QPushButton#closeTipButton:pressed {
        border-image: url(:/Images/tipClosePressed);
}

这里实现了设置信息,贾娜比隐藏等效果,可以在此基础上进行扩展。背景色、字体颜色、图标等样式都可以自行设置,主要是实现思路,愿大家共勉。

相关文章
|
7月前
|
Unix 图形学
Unity时间比较
在 Unity 中,时间比较涉及游戏内时间和系统时间。使用 `Time` 类可基于游戏运行时间进行比较,适用于技能冷却等逻辑;`DateTime` 类用于系统时间的精确比较与操作;时间戳则通过 Unix 时间进行跨平台的时间点比较。三种方式满足不同场景需求。 示例代码展示了如何用 `Time.time`、`DateTime.Now` 和时间戳实现5秒冷却时间的判断。
|
8月前
|
人工智能 前端开发 关系型数据库
过年了,用魔搭+魔笔打造您的 AI 春节贺卡生成器!
本文介绍了如何获取和利用现有的大模型资源,结合魔笔低代码,低成本、高效率地打造一个 AI 春节贺卡生成器。
|
缓存 监控 API
淘宝 API 接口使用的技术要点与注意事项
在数字化商业环境中,淘宝API为开发者提供了强大的工具,用于与淘宝平台交互,获取商品信息及处理交易等。本文总结了正确使用API的关键技术要点:注册认证、理解接口文档、遵守调用限制、确保参数准确性、保护数据安全、处理异常、性能优化、版本兼容、合规性及日志监控,帮助开发者实现高效、安全的程序开发。
|
存储 Java
Java学习笔记 List集合的定义、集合的遍历、迭代器的使用
Java学习笔记 List集合的定义、集合的遍历、迭代器的使用
279 4
ly~
|
12月前
|
传感器 存储 供应链
大数据在供应链管理中的具体应用案例
以下是大数据在供应链管理中的具体应用案例:沃尔玛通过整合内外部数据进行需求预测,提前调配应急物资;亚马逊利用大数据优化库存管理,提高周转率并降低成本;DHL通过传感器收集数据优化物流路线,提升运输效率。大数据的优势在于提高需求预测准确性、优化库存管理、提升物流效率、增强供应商管理和提高供应链可视性,从而实现全方位的供应链优化。
ly~
2838 2
|
运维 监控 NoSQL
【Redis】哨兵(Sentinel)原理与实战全解~炒鸡简单啊
Redis 的哨兵模式(Sentinel)是一种用于实现高可用性的机制。它通过监控主节点和从节点,并在主节点故障时自动进行切换,确保集群持续提供服务。哨兵模式包括主节点、从节点和哨兵实例,具备监控、通知、自动故障转移等功能,能显著提高系统的稳定性和可靠性。本文详细介绍了哨兵模式的组成、功能、工作机制以及其优势和局限性,并提供了单实例的安装和配置步骤,包括系统优化、安装、配置、启停管理和性能监控等。此外,还介绍了如何配置主从复制和哨兵,确保在故障时能够自动切换并恢复服务。
|
11月前
贪吃蛇游戏(代码篇)
贪吃蛇游戏(代码篇)
327 0
|
算法 安全 数据安全/隐私保护
Android经典实战之常见的移动端加密算法和用kotlin进行AES-256加密和解密
本文介绍了移动端开发中常用的数据加密算法,包括对称加密(如 AES 和 DES)、非对称加密(如 RSA)、散列算法(如 SHA-256 和 MD5)及消息认证码(如 HMAC)。重点展示了如何使用 Kotlin 实现 AES-256 的加密和解密,提供了详细的代码示例。
294 2
|
移动开发 前端开发 JavaScript
必知的技术知识:input的30个属性
必知的技术知识:input的30个属性
238 0
|
缓存 前端开发 JavaScript
年度代码翻车现场 |前端代码评审问题总结
代码评审于技术团队的工程师文化建设非常有意义,它是形成团队统一代码风格最有效的方式,作者把自己团队在一年的CR中常见的那些小问题做了一些梳理,希望能对大家起到一点小帮助。
220258 8