【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--

相关推荐
code_计梦星河15 小时前
Qt 开发第九天:时间控件 / 正则 / Vector / 主界面优化实操
qt
小温冲冲15 小时前
Qt WindowContainer 进阶指南:底层原理、性能优化与架构抉择
qt·性能优化·架构
徐某人..16 小时前
基于i.MX6ULL开发板与OV5640摄像头实现QT相机应用开发
qt·学习·arm
qq_401700411 天前
Qt 数据库操作详解:从连接到增删改查
qt
天天学IT1 天前
第三章 Qt 编译及安装
开发语言·qt·qt教程·qt6教程
weixin_464307631 天前
QT插件系统
qt
Summer_Uncle1 天前
【QT学习】Qt界面布局的生命周期和加载时机
c++·qt
weixin_464307632 天前
QT宏、属性系统
开发语言·qt
qq_283720052 天前
VSCode 编译 Qt 5.12 QML 完整教程(Windows + MinGW)
windows·vscode·qt
肖恭伟2 天前
Curso调试Qt:GDB + Qt 官方 qt5printers.py + .gdbinit
开发语言·qt