Qt自定义一个圆角对话框

如何得到一个圆角对话框?

步骤:

1、继承自QDiaglog

2、去掉系统自带的边框

3、设置背景透明,不设置4个角会有多余的部分出现颜色

4、对话框内部添加1个QWidget,给这个widget设置圆角,并添加到布局中让他充满对话框

5、后续对话框的所有内容都添加在这个widget里面

6、模拟QMessageBox的静态方法,提供一个静态方法,调用这个静态方法可以直接显示一个圆角对话框

举例:

#ifndef ROUNDEDDIALOG_H
#define ROUNDEDDIALOG_H

#include <QDialog>
#include<QHBoxLayout>
#include<QLabel>
#include<QPushButton>

class RoundedDialog : public QDialog
{
    Q_OBJECT

public:
    //模拟QMessageBox的静态方法,调用这个静态方法可以直接显示一个圆角对话框
    static int roundedDialog()
    {
        RoundedDialog d;
        return d.exec();
    }


    RoundedDialog(QWidget *parent = nullptr) : QDialog(parent)
    {
        resize(400,200);
        //1.去掉系统自带的边框
        setWindowFlag(Qt::FramelessWindowHint);
        //2.设置背景透明,不设置4个角会有颜色
        setAttribute(Qt::WA_TranslucentBackground);

        //内部添加1个QWidget,给这个widget设置圆角,并添加到布局中让他充满对话框
        QHBoxLayout* h_box=new QHBoxLayout(this);
        h_box->setSpacing(0);
        h_box->setContentsMargins(0,0,0,0);

        QWidget* w=new QWidget(this);
        w->setStyleSheet(".QWidget{border-radius:20px;background-color:green}");
        h_box->addWidget(w);

        //后续对话框的所有内容都添加在这个widget里面
        QLabel* label=new QLabel("你好,我要说拜拜啦!",w);
        label->setAlignment(Qt::AlignCenter);
        label->setStyleSheet(R"(font: 900 12pt "Arial Black";)");
        label->move(120,50);

        QPushButton* btn_close=new QPushButton("×",this);
        btn_close->setStyleSheet("border-radius:15px;font-size:18px;font-weight:bold;background-color:pink");
        btn_close->setGeometry(185,150,30,30);
        connect(btn_close,&QPushButton::clicked,this,&QDialog::accept);

    }
    ~RoundedDialog()=default;
};
#endif // ROUNDEDDIALOG_H

 学习链接:https://github.com/0voice

您可以使用Qt中的QDialog和QPainter来创建自定义的右下角气泡对话框。以下是一个简单的实现: 1. 创建一个继承自QDialog的类,例如MyDialog。 2. 在MyDialog类中添加一个成员函数paintEvent(QPaintEvent *event),该函数用于绘制气泡对话框。 3. 在paintEvent函数中使用QPainter来绘制气泡对话框的形状和内容,例如使用drawRoundedRect绘制一个圆角矩形作为气泡框体,使用drawText绘制文本内容。 4. 在MyDialog类中添加一个成员函数showMessage(QString message),该函数用于显示气泡对话框并设置文本内容。 5. 在showMessage函数中使用move函数将气泡对话框定位到屏幕右下角,并使用show函数显示对话框。 下面是一个简单的实现示例: ```c++ #include <QDialog> #include <QPainter> #include <QTimer> class MyDialog : public QDialog { Q_OBJECT public: MyDialog(QWidget *parent = nullptr) : QDialog(parent) { setWindowFlags(Qt::FramelessWindowHint | Qt::Tool | Qt::WindowStaysOnTopHint); setAttribute(Qt::WA_TranslucentBackground); QTimer::singleShot(5000, this, &MyDialog::deleteLater); } void showMessage(QString message) { m_message = message; show(); move(qApp->desktop()->availableGeometry().bottomRight() - frameGeometry().bottomRight()); } protected: void paintEvent(QPaintEvent *event) override { QPainter painter(this); painter.setRenderHint(QPainter::Antialiasing); // 绘制气泡框体 QRect rect(0, 0, width(), height()); painter.setPen(Qt::NoPen); painter.setBrush(QColor("#2C3E50")); painter.drawRoundedRect(rect, 10, 10); // 绘制文本内容 painter.setPen(QColor("#FFFFFF")); painter.drawText(rect.adjusted(10, 10, -10, -10), Qt::AlignLeft | Qt::AlignTop, m_message); } private: QString m_message; }; ``` 您可以在需要显示气泡对话框的地方调用MyDialog的showMessage函数,例如: ```c++ MyDialog dialog; dialog.showMessage("Hello, world!"); ``` 这将显示一个包含文本“Hello, world!”的右下角气泡对话框
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值