Qt窗口实现圆角阴影效果

最新推荐文章于 2025-06-16 11:41:55 发布

码农飞飞

最新推荐文章于 2025-06-16 11:41:55 发布

阅读量2.1k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： QT+QML 文章标签： c++ qt 经验分享

本文链接：https://blog.youkuaiyun.com/yang1fei2/article/details/124033448

QT+QML 专栏收录该内容

115 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文分享了在Qt中如何实现窗口圆角和阴影效果。通过创建嵌套的QWidget，将外层设置为透明，内层设置特定样式，达到预期的UI设计，最终展示出具有圆角和阴影的美观效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

相比于html等网页绘图，可能QT实现透明圆角比较麻烦一些。首先我们需要，做一个嵌套的QWidget,UI效果如下，两个QWidget之间有一定的margin：

设置了嵌套的QWidget之后，我们将外层的QWidget设置为透明，然后内层的QWidget样式设置为圆角阴影。

//主要方法是嵌套widget外层的widget设置为透明
//然后内层的widget设置对应的border圆角
//之后再在内层的widget中设置阴影
#include <QGraphicsDropShadowEffect>
Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);
    //设置窗口为无边框窗口且显示在最上层
	//在任务栏上不显示图标
    setWindowFlags(Qt::FramelessWindowHint|Qt::Tool|Qt::WindowStaysOnTopHint);

    //外层窗口显示为透明
    setAttribute(Qt::WA_TranslucentBackground,true);

    //内层窗口添加对应的阴影效果
    QGraphicsDropShadowEffect *shadow_e

了解本专栏