Qt设置边框阴影效果

心已赠人 2024-04-18 08:40 86阅读 0赞

# 1.运行界面 #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d6ejk1MzIwMDQ2Mw_size_16_color_FFFFFF_t_70][]

# 2.源码  #

//.h
    #ifndef WIDGET_H
    #define WIDGET_H
    
    #include <QWidget>
    
    namespace Ui {
    class Widget;
    }
    
    
    class Widget : public QWidget
    {
        Q_OBJECT
    
    public:
        explicit Widget(QWidget *parent = 0);
        ~Widget();
    
    private:
        Ui::Widget *ui;
    
    };
    
    #endif // WIDGET_H
    
    
    //.cpp
    #include "widget.h"
    #include "ui_widget.h"
    #include <QGraphicsDropShadowEffect>
    #include <QColor>
    
    const int g_maxValue = 50;
    
    Widget::Widget(QWidget *parent) :
        QWidget(parent),
        ui(new Ui::Widget)
    {
        ui->setupUi(this);
        this->setStyleSheet("background-color: rgb(255, 255, 255);");
        ui->frame->setStyleSheet("background-color: rgb(0, 0, 0);");
        ui->frame->setStyleSheet("border-radius:8px;");
    
        //设置具体阴影
        QGraphicsDropShadowEffect *shadow_effect = new QGraphicsDropShadowEffect(this);
        shadow_effect->setOffset(0, 0);
    
        //阴影颜色
        shadow_effect->setColor(QColor(38, 78, 119, 127));
    
        //阴影半径
        shadow_effect->setBlurRadius(22);
    
        ui->frame->setGraphicsEffect(shadow_effect);
    }
    
    Widget::~Widget()
    {
        delete ui;
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d6ejk1MzIwMDQ2Mw_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20190904101233613.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d6ejk1MzIwMDQ2Mw==,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，86人围观）

还没有评论，来说两句吧...

相关阅读

相关 Qt设置边框阴影效果

1.运行界面 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4u...

心已赠人/ 2024年04月18日 08:40/ 0 赞/ 87 阅读

相关 uniapp 开发之如何给边框添加阴影效果

uniapp 开发之如何给边框添加阴影效果 ![format_png][] image.png <view style="width: 100px; heig

心已赠人/ 2023年10月16日 09:37/ 0 赞/ 72 阅读

相关怎么分别设置各个边框的阴影效果box-shadow

各个参数的说明：（以上部边为例进行说明） 1. 对于上边，沿x轴方向的偏移量显然没有意义，设为0px； 2. 沿y轴正方向阴影进入div内部，不显示，因

╰半夏微凉°/ 2023年10月11日 11:49/ 0 赞/ 49 阅读

相关 Qt 控件阴影效果

Qt 控件阴影效果 QGraphicsDropShadowEffect shadowEffect = new QGraphicsDropShadowEffect(

痛定思痛。/ 2022年12月29日 01:58/ 0 赞/ 208 阅读

相关 Qt 如何实现窗口的阴影效果

阴影效果，在很多设计中都会用到，其主要目的在于提升了整体画面的层次感，使其更具立体效果！ 1、实现控件的阴影效果 QWidget widgetInner =

傷城~/ 2022年11月16日 13:43/ 0 赞/ 448 阅读

相关 CSS 边框阴影效果

\shadow1\{ width: 200px; height: 100px; color: white; background-color: red

川长思鸟来/ 2022年09月27日 13:28/ 0 赞/ 341 阅读

相关 iOS 设置UIView的边框和阴影

设置UIView的边框和阴影其实很简单，UIView的layer层自带了设置边框和阴影的属性使用起来非常方便，这里我直接上代码。 <span style="font-

本是古典何须时尚/ 2022年08月12日 05:59/ 0 赞/ 451 阅读

相关 Qt之再谈阴影边框

Qt之再谈阴影边框 ![此博文包含图片][sg_trans.gif] (2013-07-25 11:15:45) ![sg_trans.gif][]转载▼ <ta

电玩女神/ 2022年08月05日 07:37/ 0 赞/ 298 阅读

相关 android容器顶部边框阴影效果

代码： <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://sc

╰+攻爆jí腚メ/ 2022年02月19日 15:21/ 0 赞/ 342 阅读

相关【CSS3】 box-shadow 属性 → 设置边框阴影

突然间想让按钮的周围添加一层阴影来让按钮效果看起来更加立体，于是就有了这篇文章代码： .view03_02_01{ box-shadow: 0 0 6rpx 5...

你的名字/ 2021年02月27日 15:46/ 0 赞/ 733 阅读