QWidget设置边框（样式，宽度及颜色）

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

班公湖里洗过脚

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

阅读量10w+

点赞数 36

CC 4.0 BY-SA版权

分类专栏： # Qt之CSS 文章标签： qss

本文链接：https://blog.youkuaiyun.com/chenyijun/article/details/52161129

Qt之CSS 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了在Qt中为QWidget设置边框的两种方法：一是通过样式表StyleSheet直接设置；二是通过自定义paintEvent事件使用QPainter绘制边框。前者会同时影响其子控件，后者则不会。

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

在使用Qt开发过程中，QWidget作为常用的显示控件经常被用到，但默认的QWidget是不带边框的，有时候我们需要Widget显示边框看起来更有效果些，那么如何设置QWidget的边框呢，

设置QWidget边框有多种方式，本篇介绍两种：

方式1，使用StyleSheet进行设置，例如

//设置widget边框 这个设置会影响Widget上的子控件
ui->widget->setStyleSheet(QString::fromUtf8("border:3px solid blue"));
//设置widget_2边框
ui->widget_2->setStyleSheet(QString::fromUtf8("#widget_2{border:3px solid red}"));

在使用过程中一定要指定该Widget控件的名字，否则会影响到它上面的子控件。

方式2：

自定义paintEvent事件，使用QPainter画边框，这个不会影响到它上面的子控件

#ifndef CUSTOMWIDGET_H
#define CUSTOMWIDGET_H

#include <QWidget>

class CustomWidget: public QWidget
{
public:
    CustomWidget(QWidget *parent = nullptr);

protected:
    void paintEvent(QPaintEvent *event) override;
};

#endif // CUSTOMWIDGET_H

#include "CustomWidget.h"
#include <QPaintEvent>
#include <QPainter>

CustomWidget::CustomWidget(QWidget *parent)
    :QWidget(parent)
{

}

void CustomWidget::paintEvent(QPaintEvent *event)
{
    QPainter p(this);
    p.setPen(QColor("green")); //设置画笔记颜色
    p.drawRect(0, 0, width() -1, height() -1); //绘制边框
}

运行效果如下：