Qt5中.ui图形界面添加背景图片实操

最新推荐文章于 2024-05-30 11:10:39 发布
最新推荐文章于 2024-05-30 11:10:39 发布
阅读量1.1w 收藏 43
点赞数 7
分类专栏： python 文章标签： python pyqt5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jianshuilan_0613/article/details/115487712
版权

为了图形界面能看得下去，还是要添加一些图片之类的。基于之前的文章基于pyqt5简单搭建.ui图形界面
的界面框架来给界面简单添加一个背景图。
1.电脑开始中找到 Qt Designer打开
在这里插入图片描述
2.弹出窗口点击 打开（有基础框架的.ui文件，所以不用创建）----> 打开（找到mainwindow.ui文件）
在这里插入图片描述
3.开始添加背景图片，选择在GroupBox中添加背景图片，点击选中GroupBox右键----->选择样式表------>添加资源下拉框------->backgroup-image------->弹出新窗口选择铅笔✏工具----->左下方选择新建资源文件------>新文件的保存路径与名称，退出回到编辑资源的窗口。
在这里插入图片描述
4.根据下图提示一步步完成图片资源的添加。多个图片多次添加即可。
在这里插入图片描述
5.

最低0.47元/天 解锁文章
jianshuilan_0613
关注
  • 7
    点赞
  • 踩
  • 43
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
pyqt5设置背景图片
LDC，公众号【轻松学编程】
09-10 4535
pyqt5设置背景图片
05 | Qt的添加图片
u013916029的博客
04-14 415
qt5
Qt中正确的设置窗体的背景图片的几种方式
热门推荐
宁静致远的博客
11-03 1万+
2.做过Qt开发的朋友应该都知道，Qt的子窗体是会继承父窗体的属性的，这就证明了为什么父窗体的背景在子窗体中也会有，这个是对这个原因的一个非常合理的解释。那么问题来了，我们怎么才能做到子窗体不继承父窗体的背景呢？1.在QWidget中这种方法是不行的，如果你足够细心的话，你会发现使用同样的设置背景图片的方法，背景图片其实并没有发生真实改变，但是它的子窗体背景图片是会发生改变的。背景色设置和背景图片设置也是一样的道理，如果不想窗口中的部件颜色和主窗口一样，也是需要#MainWindow来设置限定范围。
【Qt】Qt界面美化指南：深入理解QSS样式表的应用与实践
最新发布
Colorful___的博客
05-30 1714
在当今这个视觉至上的时代，用户界面（UI）的设计对于任何软件产品来说都至关重要。一个美观、直观且易于使用的界面不仅能够提升用户体验，还能增强品牌形象，甚至在某些情况下，成为产品成功的关键因素之一。在Qt框架中，QSS（Qt样式表）提供了一种类似于网页前端CSS的强大工具，允许开发者对应用程序的界面进行细致的美化和定制。本文将深入探讨QSS的基本概念、基本语法以及如何通过不同的方式设置样式，旨在帮助开发者更好地利用这一工具，打造出更加出色的用户界面。界面优化 -> 美化一个程序的界面是否好看，是否重要呢？
QT界面添加背景图片
xx970829的博客
03-23 4772
通过QPixmap给登录界面添加背景，让界面看起来更加好看，简单分享一下。。。 记得添加头文件：QBitmap 源码 #include "mainwindow.h" #include "ui_mainwindow.h" #include<QBitmap> MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent) , ui(new Ui::MainWindow) { ui->setupUi(this
QT 添加背景图片
专注的力量
11-30 6487
另外可參考http://gotajuly.blog.51cto.com/2771348/721212 Qt Widget中给Widget加上背景图是本文要介绍的内容，主要是来了解并学习Qt Widget应用，具体内容的实现来看本文详解。 关键使用widget的palette的brush. int main(int argc, char *argv[]) {       Q
怎么给QT工程ui添加图片
weixin_71670050的博客
07-30 5960
关于怎么给QT工程添加图片
QT给界面添加图片
qq_43805944的博客
06-13 3831
图标下载网站：https://www.iconfont.cn/search/index?在点击“添加->添加文件”，选中刚刚工程中的图片（一定要保存一下）。点击open with里面的资源编辑器。点击“添加”里面的“添加前缀”使用qlabel添加图片。依次点击下一步、完成。ctrl+s保存一下。选中保存的图片就好了。其它控件的操作同理。
QT UI.zip_QT 精美UI资源_QT界面美化_qt 美化_qt5 界面美化_theoryazi
07-14
QT UI.zip 文件包含了一系列关于QT界面美化和设计的实例，主要展示了如何利用QT库来创建精美的用户界面。QT是一个跨平台的C++图形用户界面应用程序开发框架，它提供了丰富的API和工具，使得开发者能够轻松地创建出...
Qt-ui.rar_QT UI_QT界面_Qt 文件_qtui界面_ui
09-22
Qt UI是Qt框架中的一个重要组成部分，它为开发者提供了强大的图形用户界面设计能力。Qt UI（User Interface）基于一种称为`.ui`的XML格式文件，这种文件可以使用Qt Designer工具进行可视化设计，允许开发者通过拖放...
QT实现注册登录，添加背景图片，界面跳转源码
03-28
5. **背景图片**：QT支持在界面上添加背景图片，这通常通过设置QWidget的`setStyleSheet`方法来实现，或者在UI设计时直接在Designer中设置背景属性。 6. **软键盘输入**：在没有实体键盘的设备上，可以使用...
dlg.zip_QT5 UI_seedztt_shipwyj_ui qt 界面
09-23
QT5 UI设计是Qt开发框架中的一个重要组成部分，它允许开发者创建出美观且功能丰富的用户界面。"dlg.zip_QT5 UI_seedztt_shipwyj_ui qt 界面"这个压缩包文件显然包含了与QT5 UI设计相关的资源和代码，特别适合初学者...
qt5教程.rar_QT5_QT5界面_qt5 图形界面_qt5 界面_qt5教程
07-15
在QT5中，界面设计通常使用QML（Quantum Meta Language），这是一种声明式的语言，允许开发者以直观的方式描述UI的结构和行为。 QT5的图形界面设计支持事件处理，这意味着你可以为界面元素绑定各种事件，如点击、...
Qt UI QML设置背景图片/添加图片
github_55295425的博客
05-10 6294
QML设置背景图片/添加图片 首先 鼠标右键点击 "/"文件夹->添加现有文件 然后在工程根目录下找到图片文件添加 方法1： 在QML文件中直接在Page{}下手动添加Image控件，如下图 我一般设置其相对于parent居中，并且fillmode为保持原始横纵比 source处添加图片路径 Page { id: page width: 900 height: 1600 Image { id: bg1 anchors.
【Qt】QGroupBox设置背景为图片
YIZHILIUSHA2020的博客
04-17 3278
通过样式表进行设置： this->groupBox->setStyleSheet("background-color:rgba(0,0,0,0); border-image: url(:/picture/Frame.png);color:rgb(81,192,223);"); 效果图如下所示：
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...
QWidget样式表或背景图片在Qt Designer 中能显示但运行时不显示的解决方法
danshiming的博客
11-10 3906
Qt Designer 中能显示证明图片的路径是正确的，不显示肯定其它问题导致的。今天想在QWidget中贴一张png图片作为背景图，在Qt Designer 能显示，但运行时，死活不显示背景图片。其中Widget为QWidget的子类。
PYQT5中QT Designer设置界面、按钮等背景图
qq_51511878的博客
04-11 2493
超级简单的新手教程。
QT中添加图片资源
06-10 9890
使用Qt Creator。 1、在项目右键添加文件
qt ui界面背景图
08-24
为了在Qt UI界面上设置背景图，你可以按照以下步骤进行操作： 1. 打开Qt Designer，找到并打开你的主界面文件（.ui文件）。 2. 在界面上选择一个适当的部件，例如GroupBox，来添加背景图片。 3. 右键点击该部件，选择"样式表"。 4. 在弹出的窗口中，选择"添加资源"下拉框，然后选择"background-image"。 5. 使用铅笔工具创建一个新的资源文件，选择保存路径和名称，并退出返回到编辑资源的窗口。 6. 根据提示一步步完成图片资源的添加，可以多次添加多个图片。 7. 选中需要展示在界面上的图片，点击"OK"，这样图形界面就添加上了背景图片。 8. 根据需要调整GroupBox框的大小来适应图片。 另外，你也可以通过代码的方式来设置背景图片。在主窗口的构造函数中添加以下代码： ```cpp this->setStyleSheet("QMainWindow {background-image:url(:/image/background.png)}"); ``` 其中，":/image/background.png"是你添加的资源文件路径和名称。 通过上述步骤，你可以在Qt UI界面上成功设置背景图片。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Qt5中.ui图形界面添加背景图片实操](https://blog.csdn.net/jianshuilan_0613/article/details/115487712)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [Qt的主窗口背景设置](https://blog.csdn.net/yinchengkai/article/details/124056878)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值