QT——QWidget窗体设置背景颜色、背景图、及其注意点


前言

QT设置背景图笔录


一、使用调色板QPalette来设置图片

注意点:
该方法对设有样式表的QWidget对象不会生效

首先获得Widget的调色板,再设置调色板背景(setBrush),最后将调色板设置到Widget中

//获得widget的palette
QPalette palette = this->palette();
palette.setBrush(QPalette::Window,
        QBrush(QPixmap(":qss_icons/rc/networkBack11.png").scaled(  // 缩放背景图.
            this->size(),Qt::IgnoreAspectRatio,        //不限制原图片的长宽比
            Qt::SmoothTransformation)));               // 使用平滑的缩放方式
this->setPalette(palette);      

效果图:
在这里插入图片描述

二、使用样式表QSS

注意点:
该方法对设有样式表的QWidget对象不会生效
1、设置颜色

this->setStyleSheet("background-color:rgb(211,111,211)");

效果图:
在这里插入图片描述
2、设置图片

this->setStyleSheet("border-image:url(C:/Users/ZML/Desktop/Files/24.png)");

效果图:
在这里插入图片描述
这种方法,图片不是自适应的

三、使用画笔Qpainter在paintEvent事件中绘制图片

注意点:
该方法会干掉一切的API与样式表

该部分要记得放在对应class头文件内

protected:
    void paintEvent(QPaintEvent *);

1、画颜色

 void background::paintEvent(QPaintEvent *)
 {
     QPainter p(this);
     p.setPen(Qt::NoPen);
     /* 设置红色 */
     p.setBrush(Qt::red);
     p.drawRect(rect());
 }

效果图:
在这里插入图片描述
2、画图片

 void background::paintEvent(QPaintEvent *)
 {
     QPainter painter(this);
     painter.drawPixmap(rect(),QPixmap(":C:/Users/ZML/Desktop/Files/24.png"),QRect());
 }

效果图:
在这里插入图片描述

### 如何在 Qt Designer 中设置窗口或控件的背景图片 #### 使用样式表设置背景图片 为了防止背景图片覆盖其他控件,在Qt Designer中可以利用样式表来指定父级窗口的背景图像而不影响其子部件。通过这种方式,能够精确控制哪些部分显示背景图以及如何处理重叠问题。 对于PyQt5应用程序而言,可以在`QWidget`对象上应用CSS样式的属性`background-image:url('path_to_image')`[^1]。此方法允许开发者定义特定于某个容器内的视觉效果而不会干扰到内部的小部件布局。 #### 防止背景图覆盖其他控件 当向最顶层的窗体(即主窗口)添加背景图案时,默认情况下该图形可能会扩展至整个界面并遮挡住已放置好的各个元素。为了避免这种情况发生,应该调整这些子组件自身的绘制行为使其透明化或者设定固定的边距以预留足够的空间给底层的画面展示出来[^2]。 具体操作如下: - 打开Qt Designer工具; - 选中要配置成带有背景画布的目标区域——通常是MainWindow下的centralWidget; - 转到属性编辑器面板寻找styleSheet字段输入类似于下面的内容: ```css background-image: url(:/new/prefix/images/background.jpg); border: none; ``` 这里的路径应当指向资源文件系统内注册过的位图位置,例如使用`.qrc`文件预先打包好所需的素材再引用它们即可[^3]。 #### 注册外部资源文件(.qrc) 为了让程序识别自定义加载进来的新媒体资料,还需要创建一个名为`.qrc`的XML描述文档用于声明所有待使用的静态资产列表。之后编译这个清单使之成为Python模块的一部分以便运行时刻访问。 示例.qrc结构可能像这样构建: ```xml <RCC> <qresource prefix="/"> <file>images/background.jpg</file> </qresource> </RCC> ``` 完成上述步骤后记得重启设计环境使更改生效,并确认最终呈现的效果满足预期要求。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Terry.Z_1009

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值