Qt 窗口阴影边框

环境:Qt 5.15 + VS2019

方法一:QGraphicsDropShadowEffect

实现方法参考链接:https://blog.csdn.net/goforwardtostep/article/details/99549750
使用此方法添加窗口阴影,会出现警告信息:
在这里插入图片描述
且窗口最大化与还原切换时会出现子控件刷新问题:
在这里插入图片描述

方法二:九宫格贴图

实现方法参考链接:https://blog.csdn.net/goforwardtostep/article/details/99549750
需要美工

方法三:paintEvent

实现方法参考链接:https://blog.csdn.net/goforwardtostep/article/details/99549750
此方法绘制圆角边框不够完美
下图右边为paintEvent使用addRoundedRect实现,左边为结合九宫格思想通过paintEvent实现
在这里插入图片描述
下面为上图右侧实现代码:
app_window.h

#ifndef APP_WINDOW_H
#define APP_WINDOW_H

#include <QWidget>

namespace Ui {
class AppWindow;
}

class AppWindow : public QWidget
{
    Q_OBJECT

public:
    explicit AppWindow(QWidget *parent = nullptr);
    ~AppWindow();

protected:
    void paintEvent(QPaintEvent* event) override;

private:
    Ui::AppWindow *ui;

    //阴影宽度
    int shadowWidth_ = 15;

    //窗口圆角
    int windowRadius_ = 9;
};

#endif // APP_WINDOW_H

app_window.cpp

#include "app_window.h"
#include "ui_app_window.h"
#include <QPainter>
#include <QPainterPath>

AppWindow::AppWindow(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::AppWindow)
{
    ui->setupUi(this);
    setAttribute(Qt::WA_TranslucentBackground); // 背景透明
    setWindowFlags(Qt::Window | Qt::FramelessWindowHint);

    QString qss = QString("background-color: rgb(255, 255, 255); border-radius:%1px").arg(windowRadius_);
    ui->widgetMain->setStyleSheet(qss);
    ui->gridLayout->setMargin(shadowWidth_);
}

AppWindow::~AppWindow()
{
    delete ui;
}

void AppWindow::paintEvent(QPaintEvent *event)
{
    int radius = shadowWidth_ + windowRadius_;
    int width = this->width();
    int height = this->height();
    QPainter painter(this);
    painter.setRenderHint(QPainter::Antialiasing, true); //抗锯齿
    painter.setPen(Qt::NoPen);

    //线性渐变
    QLinearGradient linearGradient;
    linearGradient.setColorAt(0,QColor(255,0,0, 250));
    linearGradient.setColorAt(1,QColor(255,0,0, 50));

    //圆形渐变
    QRadialGradient radialGradient;
    radialGradient.setColorAt(0,QColor(255,0,0, 250));
    radialGradient.setColorAt(1,QColor(255,0,0, 50));

    //左上角
    radialGradient.setCenter(radius, radius); //中心点
    radialGradient.setRadius(radius); //半径
    radialGradient.setFocalPoint(radius, radius); //焦点
    painter.setBrush(radialGradient);
    QRectF rectf(0, 0, radius*2, radius*2);
    QPainterPath path;
    path.moveTo(radius, radius);//移动圆心
    path.arcTo(rectf, 90, 90);
    painter.drawPath(path);   //画路径(扇形)

    //左边
    linearGradient.setStart(radius, height/2);
    linearGradient.setFinalStop(0, height/2);
    painter.setBrush(linearGradient);
    path.clear();
    path.addRect(0, radius, radius, height - radius*2);
    painter.drawPath(path);

    //左下角
    radialGradient.setCenter(radius, height - radius); //中心点
    radialGradient.setRadius(radius); //半径
    radialGradient.setFocalPoint(radius, height - radius); //焦点
    painter.setBrush(radialGradient);
    path.clear();
    path.moveTo(radius, height - radius);//移动圆心
    rectf.setRect(0, height - radius*2, radius*2, radius*2);
    path.arcTo(rectf, 180, 90);
    painter.drawPath(path);   //画路径(扇形)

    //下边
    linearGradient.setStart(width/2, height - radius);
    linearGradient.setFinalStop(width/2, height);
    painter.setBrush(linearGradient);
    path.clear();
    path.addRect(radius, height - radius, width - radius*2, radius);
    painter.drawPath(path);

    //右下角
    radialGradient.setCenter(width - radius, height - radius); //中心点
    radialGradient.setRadius(radius); //半径
    radialGradient.setFocalPoint(width - radius, height - radius); //焦点
    painter.setBrush(radialGradient);
    path.clear();
    path.moveTo(width - radius, height - radius);//移动圆心
    rectf.setRect(width - radius*2, height - radius*2, radius*2, radius*2);
    path.arcTo(rectf, 270, 90);
    painter.drawPath(path);   //画路径(扇形)

    //右边
    linearGradient.setStart(width - radius, height/2);
    linearGradient.setFinalStop(width, height/2);
    painter.setBrush(linearGradient);
    path.clear();
    path.addRect(width - radius, radius, radius, height - radius*2);
    painter.drawPath(path);

    //右上角
    radialGradient.setCenter(width - radius, radius); //中心点
    radialGradient.setRadius(radius); //半径
    radialGradient.setFocalPoint(width - radius, radius); //焦点
    painter.setBrush(radialGradient);
    path.clear();
    path.moveTo(width - radius, radius);//移动圆心
    rectf.setRect(width - radius*2, 0, radius*2, radius*2);
    path.arcTo(rectf, 0, 90);
    painter.drawPath(path);   //画路径(扇形)

    //上边
    linearGradient.setStart(height/2, radius);
    linearGradient.setFinalStop(height/2, 0);
    painter.setBrush(linearGradient);
    path.clear();
    path.addRect(radius, 0, width - radius*2, radius);
    painter.drawPath(path);
}

  • 10
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 在Qt中,可以使用QSS(Qt Style Sheets)来美化界面的边框。 首先,需要在Qt的界面文件中使用样式表(QSS)来定义界面元素的样式。可以在QWidget、QDialog、QFrame等容器类的属性面板中找到"Style Sheet"选项,点击后可以进入编辑模式。 然后,在编辑模式中,可以使用CSS样式语法来定义界面元素的样式。针对边框的美化,可以使用border属性来设置,如"border: 2px solid red;"表示设置2像素宽度、红色的实线边框。还可以设置边框的圆角角度,使用"border-radius"属性来实现。 此外,还可以使用box-shadow属性来为界面元素添加阴影效果,例如设置"box-shadow: 2px 2px 5px gray;"可以添加2像素宽度、水平和垂直偏移量为2像素、模糊半径为5像素的灰色阴影。 最后,保存样式表后,将其应用到界面元素上,可以使用QWidget的setStyleSheet方法来设置样式表,或者在Qt Designer中直接设置。 除了QSS,也可以使用C++代码来实现界面边框的美化。通过继承QWidget或相关类,重写其paintEvent方法,在方法内使用QPainter绘制边框样式。 以上就是使用代码美化Qt界面边框的方法。通过定义样式表或重写绘图方法,可以实现个性化的边框样式,提升界面的美观性和用户体验。 ### 回答2: 在Qt中,我们可以使用代码来美化界面边框。下面是一些方法和技巧: 1. 使用QSS(Qt样式表)来设置边框的样式。在Qt中,我们可以使用QSS来定义界面元素的样式。可以使用`setStyleSheet()`方法将QSS样式应用于窗口窗口部件。例如,可以使用`border: 2px solid red;`来定义边框为2像素宽的红色边框。 2. 自定义绘制边框Qt提供了`paintEvent()`事件函数,允许我们在窗口窗口部件上进行绘制操作。我们可以在`paintEvent()`函数中使用QPainter对象来绘制自定义的边框。例如,可以使用`QPainter::drawRect()`绘制一个矩形边框,并设置其线宽和颜色。 3. 使用样式类。Qt提供了许多样式类来帮助我们美化界面元素。例如,可以使用`QFrame`类来创建一个带边框窗口部件,然后使用`setFrameStyle()`方法来设置边框样式。 4. 使用自定义样式插件。Qt允许我们创建自定义的样式插件来美化界面元素。我们可以使用Qt Creator来创建新的样式插件,并使用其提供的功能来设置边框的样式。 总的来说,Qt提供了多种方法来美化界面边框,我们可以根据需要选择合适的方法进行实现。无论是使用QSS、自定义绘制、样式类还是自定义样式插件,我们都可以通过代码来实现界面边框的美化。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值