VS+QT 窗体背景图、控件背景、控件颜色设置

最新推荐文章于 2024-08-18 17:32:44 发布
原创 最新推荐文章于 2024-08-18 17:32:44 发布 · 2.2k 阅读 · 14 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#qt #ui #开发语言

这篇博客介绍了如何在Qt环境中新建一个GUI项目，并通过设置.ui文件布局，然后在.cpp文件中添加代码来设置窗体的背景图片。作者详细阐述了如何右击控件修改样式表以改变控件的背景颜色，最后展示了设置后的效果。

1、新建GUI一个项目；

2、双击.ui文件，设置控件布局如下：

3、在.cpp文件中添加如下代码：

Demo::Demo(QWidget *parent)
	: QMainWindow(parent)
{
	ui.setupUi(this);

	//设置窗体背景图
	QPixmap Images(":/Demo/Resources/icon/background.jpg");
	QPalette Palette = this->palette();
	Palette.setBrush(QPalette::Background, Images);
	this->setPalette(Palette);	
}

 4、控件背景颜色的设置，需右击控件，选择“改变样式表”，选择color改变字体颜色，选择background更改背景色。

5、效果图如下：

 

create_right
关注
使用Qt设置QWidget的背景色
CodeVorter的博客
08-17 810
设置颜色的方法是在QPalette调用setColor()函数，并指定需要设置的元素和颜色。在这个例子中，我们使用QPalette::Background来设置QWidget的背景色为红色。如果您希望设置其他元素的颜色，可以参考QPalette类文档来获取更多有关不同设置选项的信息。在这个例子中，我们首先创建了一个QWidget对象，然后创建一个QPalette对象并将其应用于QWidget上。通过这种方法，您可以方便地设置QWidget的背景色，使它与您的应用程序的风格相匹配。
Vc - Qt - 绘制窗口背景色
莫忘输赢的博客
08-11 1150
在这个例子中，我们继承了QWidget并重写了它的paintEvent函数。在paintEvent函数中，我们创建了一个QPainter对象并使用fillRect函数来填充整个窗口的背景颜色为绿色。要在Qt中绘制一个背景颜色，你可以使用Qt的绘图功能来完成。
Vs+Qt 界面添加背景图的两种方式（非常实用）
热爱数据库的小胖
07-18 7244
7）从上图可以看出在添加背景图后，别的控件也都受到了影响，所以在添加背景图时需要加作用域，#myProcess{background-imageurl(/myImageRegistration/1.png);（4）选择c++工程文件下的.qrc文件，点击打开，然后编辑资源界面中便有了相应的.qrc文件。（1）双击c++工程中的.ui文件，打开后右击界面，选择改变样式表，出现如下窗口。（5）点击右侧方框下侧的添加文件，选择自己的背景图，出现如下界面。......
QT入门——设置控件背景色
tercel_zhang的专栏
09-12 3991
QWidget是所有用户界面对象的基类，这意味着可以用同样的方法为其它子类控件改变背景颜色。 Qt中窗口背景的设置，下面介绍三种方法。 使用QPalette 使用Style Sheet 绘图事件 一般我不用QSS设置窗口背景，也不建议使用。（这里是对于窗口而，如果是子部件当然可以）。因为窗口使用QSS设置背景之后，若子部件不使用同样的方式来设置，默认则会继承父窗口的样式。 使用QPalette 使用QPalette来设置背景色 m_pWidget = new QWidget..
Qt第二十三章：设置窗口、控件背景颜色
Good Luck
11-24 4317
qt designer
在Qt中正确的设置窗体的背景图片的几种方法总结
09-19
本文将详细介绍两种在Qt中正确设置窗体背景图片的方法。 首先，第一种方法是利用`styleSheet`来设置背景图片。`styleSheet`是Qt提供的一种CSS（层叠样式表）风格的语法，允许开发者通过字符串来定义界面元素的样式...
Qt 控件透明度设置方法总结
04-17
- `Qt::WA_OpaquePaintEvent`：如果一个控件设置了这个属性，那么它的paint事件会被忽略，从而提高性能，但不适用于需要透明背景的情况。 2. **自定义绘图：** 如果需要更复杂的透明效果，可以重写`paintEvent`...
VS+Qt+鼠标框选后掩膜去除背景
qq_46058802的博客
05-02 1548
前言： 实际采集的图片背景比较复杂，所以我想着采用框选矩形框+掩膜的方式简单粗暴的消除背景对图片有用区域的干扰。网上搜索了一圈尝试了几种不同的方式去框选，最后发现还是Qt的鼠标事件比较容易上手。 效果图： 主要思路： 1.主类作用：读入图片、确认ROI、掩膜、显示图片 2.标签类作用：鼠标事件、发送矩形框的信息给主类 相关代码： （1）标签类： <myLabel.h> #pragma once #include <QLabel> #include <QPoint> #i
设置控件背景颜色
xie__jin__cheng的博客
07-14 946
设置控件背景颜色
Qt学习笔记（五） 设置控件背景颜色
juluwangriyue的博客
08-17 1581
python 代码： # -*- coding : UTF-8 -*- # @file : set_label_color.py # @Time : 2021/8/16 17:03 # @Author : wmz from PyQt5.Qt import * import sys import numpy as np # class Label(QLabel): # def mousePressEvent(self, QMouseEvent): # self.setSty
qt 系列(二)---qt designer通过设置控件样式表进行背景颜色设置
weixin_51157015的博客
11-02 4090
一般Layouts不可以进行改变样式表，当我们想修改背景样式表，同时又不改变其他控件的颜色时，可以选择List View 控件改变背景颜色。
QT中设置背景颜色
热门推荐
u011555996的博客
08-16 2万+
//**layout大小设置方法：reSize(QSize(600,600));就ok了，这个是设置主窗口的大小，layout会自动适应主窗口的。**// QWidget是所有用户界面对象的基类，这意味着可以用同样的方法为其它子类控件改变背景颜色。 Qt中窗口背景的设置，下面介绍三种方法。 1.使用QPalette 2.使用Style Sheet 3.绘图事件 一般我不用QSS设置窗口背景，也不建议使用。（这里是对于窗口而，如果是子部件当然可以）。因为窗口使用QSS设置背景之后，若子部件不使用同样.
qt 关于设置背景颜色，和背景透明的方法
xie__jin__cheng的博客
07-16 5178
qt 关于设置背景颜色，和背景透明的方法
12.QT给控件设置背景
YW博客
10-09 263
this->setObjectName(“window”); //设置背景的时候， this->setStyleSheet("QMainWindow#window{background-image: url(:/img/background.jpg);} ");
Qt实现 获取与设置控件的颜色（背景色，边框色，文本色）
c_shell_python的博客
08-08 1万+
设置控件背景色： //将按钮的背景色设置为红色 ui->pushButton->setStyleSheet("background-color:blue"); 获取控件的颜色： QPalette pal=ui->lineEdit->palette(); //这里需要注意，输入性质的控件(如这里的lineEdit)用base(),如果是按钮用button()，不然...
QWidget 设置背景颜色
xie__jin__cheng的博客
08-18 2026
QWidget 设置背景颜色
qt 设置背景图片、颜色
一叶知秋的博客
05-08 1955
一、设置主窗口背景 方法1：代码中初始化添加setStyleSheet("border-image:url(background.png)"); 方法2：ui编辑器属性中添加 方法3：qss文件中添加 二、设置控件的背景 方法1：单个控件可以用”一”中的三种中的一种方法 方法2：多个控件，qss文件中添加 ...
QT使用表格控件修改颜色
m0_64886406的博客
02-18 1970
/ 设置第一列的背景颜色为红色。// 创建一个包含5个comboBox对象的数组。三、在表格对应列写入下拉框控件，点击下拉框控件时触发标志位，相当于一个事件过滤器。// 在此处处理下拉框控件被点击的事件。//index参数代表下拉框选中的选项索引。// 设置page=1标志位。//修改里面的显示内容,改变对应颜色。// 设置背景色为绿色。// 设置前景色为黑色。// // 设置列的背景颜色。二、通过获取链表内容，修改对应颜色。
【无标题】PyQt5控件背景颜色、边框、形状更改（包括鼠标悬浮）
Gefreiter的博客
12-07 2508
使用 .setStyleSheet()方法来修改控件形状、背景颜色等
vsqt给widget设置的背景图片却覆盖了控件的背景图片和效果
最新发布
06-24
<think>我们正在处理一个关于在VSQt中设置widget背景图片时覆盖控件背景的问题。根据引用内容，我们可以得到一些相关的信息：-引用[4]提到了Qt中的窗体Widget和屏幕坐标，以及布局的概念，其中特别指出窗口的有效区域不包括标题栏。-引用[2]中展示了在子窗口的构造函数中调用`ui.setupUi(this);`来设置UI。-引用[3]提到了在VS中开发Qt项目时，如果在设计器中添加了控件，但在代码中找不到类成员的问题，这通常是由于头文件未更新导致的。用户的问题：在VSQt中设置widget背景图片时，背景图片覆盖了控件背景，导致控件背景不可见。解决方案思路：1.设置背景图片通常可以通过样式表（stylesheet）来实现，但如果不注意，可能会覆盖子控件的背景。2.为了避免背景图片覆盖控件背景，我们需要确保背景图片只应用于父widget，而不影响子控件。3.可以通过设置样式表时指定背景图片只应用于父widget，或者使用调色板（palette）来设置背景。4.另外，也可以考虑使用布局来管理控件的位置，避免控件被覆盖。具体步骤：方法一：使用样式表，并确保背景只应用于父widget在设置样式表时，明确指定背景图片只应用于父widget本身，而不是其子控件。例如：```cppwidget->setStyleSheet("QWidget#widgetName{background-image:url(:/images/background.jpg);}");```这里`#widgetName`是使用对象名来指定特定的widget。如果没有为widget设置对象名，可以先设置对象名，或者使用类名，但要注意这样可能会应用到所有同类的子控件。方法二：使用调色板设置背景使用调色板设置背景，然后设置控件的autoFillBackground属性为true，这样背景只会填充该widget的区域，不会影响子控件。```cppQPixmapbkgnd(":/images/background.jpg");bkgnd=bkgnd.scaled(widget->size(),Qt::IgnoreAspectRatio,Qt::SmoothTransformation);QPalettepalette;palette.setBrush(QPalette::Background,bkgnd);widget->setPalette(palette);widget->setAutoFillBackground(true);```注意：这种方法需要确保在widget大小改变时重新调整背景图片的大小，否则可能显示不正常。可以在resizeEvent中处理。方法三：重写paintEvent方法通过重写paintEvent方法，在widget上绘制背景图片，这样可以在绘制时控制背景的绘制区域。```cppvoidWidget::paintEvent(QPaintEvent*event){QPainterpainter(this);painter.drawPixmap(0,0,this->width(),this->height(),QPixmap(":/images/background.jpg"));}```这种方法可以更灵活地控制背景的绘制，但需要自己处理缩放和重绘。注意事项：-如果控件是widget的子控件，那么控件的背景默认是透明的，所以会显示父widget的背景。如果希望控件有自己的背景，可以设置控件的样式表或者调色板。-在VS中使用Qt时，如果修改了ui文件（比如添加了控件或者修改了对象名），需要重新生成ui的头文件（右键点击ui文件->编译），以避免出现引用[3]中提到的类成员未定义的问题。根据引用[2]，我们可以在子窗口的构造函数中设置背景，但要注意上述覆盖问题。示例代码（使用调色板方法）：假设我们有一个名为`widget`的QWidget对象，我们可以在其构造函数中设置背景：```cpp#include"widget.h"#include<QPixmap>#include<QPalette>Widget::Widget(QWidget*parent):QWidget(parent){//设置对象名（如果需要通过样式表精确指定）//setObjectName("myWidget");//使用调色板设置背景QPixmapbkgnd(":/background.jpg");//确保资源文件中有这个图片，并且已经添加了qrc文件bkgnd=bkgnd.scaled(this->size(),Qt::IgnoreAspectRatio,Qt::SmoothTransformation);QPalettepalette;palette.setBrush(QPalette::Window,bkgnd);this->setPalette(palette);this->setAutoFillBackground(true);//其他初始化代码...}//如果需要处理窗口大小变化，可以重写resizeEventvoidWidget::resizeEvent(QResizeEvent*event){QWidget::resizeEvent(event);//重新调整背景图片大小QPixmapbkgnd(":/background.jpg");bkgnd=bkgnd.scaled(this->size(),Qt::IgnoreAspectRatio,Qt::SmoothTransformation);QPalettep=palette();p.setBrush(QPalette::Window,bkgnd);setPalette(p);}```关于资源文件：图片需要添加到Qt的资源文件（qrc）中，如引用[1]和引用[2]中提到的。确保在项目中正确添加了资源文件，并且图片路径正确。总结：为了避免背景图片覆盖控件背景，我们可以使用调色板设置背景并启用autoFillBackground，或者使用样式表精确指定背景应用的对象，或者重写paintEvent方法。同时，注意在VS中更新ui文件后重新编译ui头文件。相关问题：1.在Qt中如何为不同的控件设置不同的背景？2.如何动态改变Qt窗口的背景图片？3.在Qt中使用样式表设置背景时，如何避免影响子控件？</think>### 解决 VSQt 中 Widget 背景图片覆盖控件背景的问题 在 VSQt 中设置 Widget 背景图片时，若背景覆盖了控件背景，通常是因为背景设置方式影响了子控件。以下是三种可靠解决方案： --- #### 方法 1：使用样式表精确控制（推荐） 通过样式表限定背景仅应用于父 Widget，避免影响子控件： ```cpp // 在 Widget 构造函数中 setStyleSheet( "#MyWidget { // 通过对象名限定作用域 background-image: url(:/images/bg.jpg); background-repeat: no-repeat; background-position: center; }" ); setObjectName("MyWidget"); // 设置对象名匹配样式表 ``` **原理**： - `#MyWidget` 选择器限定背景仅作用于当前 Widget - 子控件默认继承透明背景，不会覆盖自身样式 - 引用[4]的坐标系统确保背景仅填充有效区域 --- #### 方法 2：重写 paintEvent 事件 在自定义 Widget 类中精确绘制背景： ```cpp // 头文件声明 protected: void paintEvent(QPaintEvent* event) override; // 实现 void MyWidget::paintEvent(QPaintEvent* event) { QPainter painter(this); painter.drawPixmap(rect(), QPixmap(":/images/bg.jpg")); QWidget::paintEvent(event); // 继续绘制子控件 } ``` **优势**： - 完全控制绘制顺序（先背景后控件） - 避免样式表继承问题（引用[3]） --- #### 方法 3：使用 QPalette + autoFillBackground 通过调色板设置背景并启用自动填充： ```cpp QPixmap bgPixmap(":/images/bg.jpg"); QPalette palette; palette.setBrush(QPalette::Window, bgPixmap); setPalette(palette); setAutoFillBackground(true); // 关键语句 ``` **注意事项**： 1. 必须调用 `setAutoFillBackground(true)` 生效 2. 子控件需单独设置背景或保持透明 3. 引用[4]的屏幕坐标系统确保填充正确区域 --- ### 关键要点总结 | 问题原因 | 解决方案 | 适用场景 | |-------------------------|-----------------------------------|--------------------------| | 样式表继承 | 使用 `#对象名` 限定作用域 | 简单背景设置 | | 绘制顺序错误 | 重写 paintEvent 手动控制绘制顺序 | 需要复杂背景效果 | | autoFillBackground 未启用| 调色板+autoFillBackground | 动态修改背景 | > 引用[3]指出：在 VS 中修改 UI 后需**重新编译 ui_xxx.h 文件**（右键 .ui 文件 → 编译），否则新增控件可能无法识别[^3]。 --- ### 示例代码（方法1完整实现） ```cpp // MyWidget.h #include <QWidget> class MyWidget : public QWidget { Q_OBJECT public: explicit MyWidget(QWidget *parent = nullptr); }; // MyWidget.cpp MyWidget::MyWidget(QWidget* parent) : QWidget(parent) { setObjectName("MainWidget"); // 设置唯一ID // 设置样式表（不被子控件继承） setStyleSheet( "#MainWidget {" " background-image: url(:/images/bg.jpg);" " background-repeat: no-repeat;" " background-position: center;" "}" ); // 添加子控件（不会受背景影响） auto btn = new QPushButton("Click", this); btn->setGeometry(50, 50, 100, 30); } ``` --- ### 相关问题 1. 如何在 Qt 中实现背景图片的平铺或拉伸效果？ 2. 当窗口大小改变时，如何保持背景图片的宽高比？ 3. Qt 样式表选择器的优先级规则是怎样的？ 4. 如何为特定子控件单独设置背景透明度？ [^1]: 引用[1]: QT 核心属性 API 说明 [^2]: 引用[2]: UI 嵌套实现代码示例 [^3]: 引用[3]: VS+Qt 控件识别问题解决方案 [^4]: 引用[4]: Qt 屏幕坐标系统说明
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值