【QT】自定义QWidget设置圆角+边框(重绘paintEvent)

目录

0.背景

1.详细代码

.h头文件

.cpp实现

构造函数设置样式


0.背景

windows + qt5.12 + c++
我有一个自定义的 QWidget ,名为 BCI_MessageBox ,继承自QWidget,想实现它的圆角+边框

实现图如下(里面都是自定义的按钮,不重要)

实现思路:重写保护函数 【paintEvent】,通过位图遮罩将窗口裁剪为圆角矩形;然后再加一些样式设置边框即可;

1.详细代码

.h头文件

cpp 复制代码
protected:
    void paintEvent(QPaintEvent *event);

.cpp实现

cpp 复制代码
void BCI_MessageBox::paintEvent(QPaintEvent *event)
{
    QStyleOption opt;
    opt.initFrom(this);
    QPainter p(this);
    style()->drawPrimitive(QStyle::PE_Widget, &opt, &p, this);//绘制样式

    QBitmap bmp(this->size());
    bmp.fill();
    QPainter painter(&bmp);

    painter.setPen(Qt::NoPen);
    painter.setBrush(Qt::black);
    painter.setRenderHint(QPainter::Antialiasing);
    //设置边框为圆角12px
    painter.drawRoundedRect(bmp.rect(), 10, 10);
    setMask(bmp);
    QWidget::paintEvent(event);
}

构造函数设置样式

【隐藏标题栏 + 白色边框、圆角】

cpp 复制代码
    this->setWindowFlags(Qt::Widget|Qt::FramelessWindowHint);
    setStyleSheet("BCI_MessageBox{border:1px solid #FFFFFF;background:#242424;border-radius:10px;}");

--END--

相关推荐
怎么没有名字注册了啊3 小时前
解决qt制作软件.app迁移问题(发布)Mac
开发语言·qt
輕華1 天前
PyQt5入门实战:安装、QtDesigner设计与PyUIC转换完整指南
开发语言·qt
雾岛听蓝1 天前
Qt Widget控件属性详解
开发语言·经验分享·笔记·qt
大橘1 天前
【qml-5.1】qml与c++交互(QML_ELEMENT/QML_SINGLETON)
开发语言·c++·qt·交互·qml
雾岛听蓝1 天前
Qt按钮与标签控件详解
开发语言·经验分享·笔记·qt
碎碎念的安静1 天前
WPF 与 Qt 进程间通信(IPC)
开发语言·qt·wpf
(Charon)1 天前
【Qt/C++】Qt/C++ 中 :: 和 . 到底有什么区别?
开发语言·c++·qt
苕皮蓝牙土豆2 天前
Qt图形视图框架入门:坐标系统与鼠标事件处理详解
c++·qt
纤纡.2 天前
基于 PyQt5 的桌面应用开发实战:登录、预测、计算器、摄像头多功能系统
开发语言·人工智能·qt·计算机视觉
Fleshy数模2 天前
PyQt5 登录界面开发全流程:从环境配置到可视化设计
开发语言·python·qt