qt designer添加背景图片

最新推荐文章于 2025-03-11 09:08:22 发布

淮北494

最新推荐文章于 2025-03-11 09:08:22 发布

阅读量4.5k

点赞数 24

文章标签： qt python

本文链接：https://blog.csdn.net/qq_62737390/article/details/136033458

版权

最近研究生导师让写了一个实验室管理系统，之后写完之后感觉颜色太单调了，在网上搜索了相关资料，为这个实验室管理系统添加了背景图片。下面是详细步骤。

1.首先建立qrc文件，新建文本文档，文本文档里面的内容如下。其中hongfa.jpg是自己之后要选择的背景图片，这个背景图片放在和这个文本文档同一级文件夹。

<!DOCTYPE RCC>
<RCC version="1.0">
<qresource prefix="/">
    <file>hongfa.jpg</file>

</qresource>
</RCC>

2.在QT designer中，找到List View，铺开，作为背景图的承载空间。之后在List View上面添加自己的控件。

3.右击List View控件，选择change styleSheet，之后在弹出的页面中选择boardimage。具体操作流程如下图

4.转化成.py文件后会报错无image_rc这个包。此时我们打开pycharm的终端，进入我们的项目文件夹，之后运行pyrcc5 -o image_rc.py image.qrc指令，便可以生成image_rc.py文件了。

5.最终成品展示

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

淮北494

关注关注

24
点赞
踩
53

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Qt学习笔记：如何在Qt中设置背景图片

2301_79366106的博客

08-15

1364

QWidget是一个基类，它提供了一个基本的UI组件，可以包含其他的QWidget对象。Qt是一种流行的C++跨平台应用程序开发框架，提供了许多有用的功能来帮助您快速构建应用程序。在Qt中添加背景图片可以使您的应用程序更加吸引人，并帮助您实现设计上的目标。首先，在Qt中添加背景图片，您需要使用QPixmap类。最后，您需要将QWidget对象设置为主窗口的中心部分。通过上述方法，您可以方便地为您的Qt应用程序添加自定义背景图片。在这里，我们假设您使用的是QMainWindow作为主窗口类。

QT designer设计放置图片

远方雪的专栏

09-14

1886

使用QLabel和Pixmap来设计放置图片。在Qt Designer中设置QPixmap到QLabel的过程是直观的，主要通过图形界面操作来完成。

1 条评论您还未登录，请先登录后发表或查看评论

在Qt中正确的设置窗体的背景图片的几种方法总结

01-01

Qt中正确的设置窗体的背景图片的方法大致有两种，下面将逐个讲解：一. 利用styleSheet设置窗体的背景图片 使用stylesheet设置窗体的背景图片的时候，可以直接按照下图的操作去进行即可，如下图所示：但是，需要注意的是： 1.在QWidget中这种方法是不行的，如果你足够细心的话，你会发现使用同样的设置背景图片的方法，背景图片其实并没有发生真实改变，但是它的子窗体背景图片是会发生改变的。其实我们可以通过在添加一个i额QWidget来解决这个问题，即在QtDesigner中添加一个Frame窗口，我们只需对这个新添加的Frame窗口来进行styleSheet的字符串值即可，新添加

Pyqt 插入图片和窗口传值

xiaomingming99的博客

10-24

3254

一、在pyqt中插入图片的方法（基于Qt Designer）：（1）创建.qrc文件，在Qt Designer进行添加（2）选用Label组件，在属性中使用pixmap进行添加，选择文件即可（3）选用各种button组件，使用icon即可，比较推荐使用Tool Button（可以在按钮中插入图片和文字并改变两者的排版）二、改变组件的样式其实pyqt的qss和html中的css极度相似，语法也一样，可以参照css写法改变组件样式。选择组件，右键选择改变...

Qt Designer如何改变背景

热门推荐

车手只需要车和手，压力来自轮胎

06-10

2万+

---------------------------------------------------------- 这里介绍的主要是一种放置界面底层的背景图方式首先，先新建一个框，并填充你所需要的一些元件，这里就用我近期的一个小项目吧；本来，界面如上所示。想要背景图片不被引用到元件的背景图上，我们在这里运用一个list View的元件拖动到界面上，选中在点击放置在后面的按钮这样，list View就被置于底层了然后，将其放大占满所有区域，由你定吧。空白处点右键选择改变样式表，

Qt Designer怎样加入资源文件

diandu3502的博客

01-06

1554

Qt Designer中如果在设计UI界面的时候要加入一些图素，图标等资源的时候是不能直接添加进去的，需要在Qt开发目录下编写QRC文件 qrc文件格式如下： <RCC> <qresource prefix="q"> <file>/swlogo.png</file> <file>/swlo...

Qt designer设置窗口背景图

yyulong的博客

08-11

1万+

给pyqt5窗口设置背景图，特别是在登录窗口，根据具体需求添加背景图。个人就记录一下在设置过程中的几个重要的点。一、首先需要建立.qrc文件新建文本文档，输入以下代码： <RCC> <qresource prefix="/"> <file>picture.PNG</file> </qresource> </RCC> 其中，picture.PNG为背景图名，然后文件后缀改为.qrc 二、以QLabel为依托设置背景图

Qt在对话框中插入图片

09-16

Qt在对话框中插入图片欢迎下载免费观看

QT designer设置背景图片拉伸版

cheryl88的博客

09-22

4149

登录+主窗口登录页面主窗口登录页面首先设置背景图（1）添加图片资源在Qt designer中打开搜索style，打开styleSheet 复制图片相对地址，并删除里面所有内容：（2）设置背景图片 在你要设置背景图片的那个窗口的.hpp文件中声明 setbackground()是设置背景 resizeEvent()是改变窗口大小打开对应的.CPP文件添加代码如下：（demo01改成你自己的） void demo01::setBackground() { /* c

pyqt5中添加背景图片（QT Designer中添加，python运行显示）

weixin_38856300的博客

02-22

1万+

1.在QT Designer中添加背景图片,创建qrc文件 2. .ui文件由pyuic转.py文件 (3）是逻辑分离界面，可以运行的界面， (4）apprcc_rc.py是apprcc.qrc经过pyrcc转化的 3，设置pyrcc arguments:FileNameFileNameFileName -o FileNameWithoutExtensionFileNameWithoutEx...

Qt中添加背景图片

Ammon_Zhang的博客

06-10

1361

1. QPalette的方法 int main(int argc, char *argv[]) { QApplication app(argc,argv); QFrame *frame = new QFrame; frame->resize(400,700); QImage image1； image1.load("images/frame1.

pyqt6 使用Qt Designer给widget添加背景图片，解决添加图片后四边有空白

fenggege66的博客

01-05

2620

在右侧的"Property Editor"中找到"styleSheet"属性。如果仍然存在空白，可以调整widget的大小、布局或其他属性来适应背景图片。单击"..."按钮或直接在"styleSheet"属性框中编辑样式表。在Qt Designer中，选择包含背景图片的widget。请将"背景图片的路径"替换为实际图片的路径。希望这可以帮助你去掉背景图片四边的空白。

Qt中添加背景图片的方法

默铭

07-31

4493

Qt中添加背景图片的方法 QPalette的方法 #include #include int main(int argc, char *argv[]) { QApplication app(argc,argv); QFrame *frame = new QFrame; frame->resize(400,700); QPixmap pixmap("images/frame.png"); QPalette palette; palette.setBrush(frame->backgro

qt添加资源，添加背景图片

weixin_42720316的博客

12-07

1816

一，创建资源文件选中项目，添加新文件------》QT----》QT Resource file ----》choose 名称随便取，但自己要清楚这个是用来干嘛的，填好后下一步二，往资源文件中添加资源打开资源文件右击选择 open in editor 选择添加---》添加前缀（随便取，但 / 不可少）---》在选择添加文件---》找到要添加的文件路径即可...

qtdesigner背景图片拉伸

03-11

<think>好的，我现在需要解决用户的问题：在Qt Designer中设置背景图片自动拉伸。根据用户提供的引用资料，我需要综合这些信息来给出正确的步骤。首先，用户提到使用样式表中的border-image属性，如引用[1]中的例子。这应该是一个方法，因为border-image可以自动拉伸图片填充整个控件。不过需要注意图片路径是否正确，@skinpath可能需要替换为实际路径或资源路径。然后，引用[2]和引用[3]提到了在代码中设置QPixmap，并处理resizeEvent来调整图片大小。但用户希望的是在Qt Designer中直接设置，不需要编写代码。所以可能需要优先考虑样式表的方法，但需要确认是否在Designer中可以直接应用。另外，引用[4]和[5]关于布局和Spacer控件，可能涉及到如何确保窗口拉伸时背景图片的控件也能正确调整大小。需要确保背景图片所在的控件（如QLabel）布局正确，能够随窗口伸缩而改变尺寸。接下来，需要验证步骤是否正确。比如，在Qt Designer中添加一个QLabel，设置其样式表为border-image，然后预览查看是否图片拉伸填充。如果可行，那么这就是解决方案。如果路径有问题，可能需要使用资源文件或者绝对路径。另外，可能需要设置QLabel的sizePolicy为Expanding，确保其随布局扩展。同时，用户提供的引用[3]中的代码使用QPixmap，但这是在代码中实现的，用户可能希望纯Designer操作。所以重点应该放在样式表的设置上。总结步骤应该是：在Qt Designer中打开样式表，使用border-image属性，并正确设置图片路径，确保控件布局正确，能够随窗口拉伸。同时，可能需要将图片添加到资源文件中以便正确引用。</think>在Qt Designer中设置背景图片自动拉伸，可以通过以下步骤实现： ### 步骤1：添加背景图片控件 1. 在窗体上放置一个`QLabel`控件 2. 将QLabel拖放至覆盖整个窗体区域 3. 设置`sizePolicy`属性为`Expanding`（水平和垂直方向）[^4] ### 步骤2：设置样式表 1. 右键点击QLabel，选择"改变样式表" 2. 输入以下CSS代码： ```css border-image: url(:/图片路径/your_image.png) 0 0 0 0 stretch stretch; ``` 3. 将`your_image.png`替换为实际图片路径，注意使用资源文件前缀`:/`[^1][^3] ### 步骤3：调整布局 1. 确保QLabel位于布局最底层 2. 在窗体上右键选择"布局"->"栅格布局"或"水平/垂直布局" 3. 添加`Spacer`控件保持弹性布局[^5] ### 步骤4：验证效果 1. 预览窗口（Ctrl+R） 2. 拖拽窗口边缘观察背景是否自适应 3. 检查不同分辨率下的显示效果 $$ \text{布局关系公式}：W_{label} = W_{window} \times \frac{R_{image-width}}{R_{window-width}} $$ 其中$R$表示宽高比，保证图片比例不变形[^2]