一文解决pyqt5中的Qt designer出现的工程文件及pushButton按钮图片资源无法替换的问题

「爱情、让人受尽委屈。」 2023-03-13 03:15 10阅读 0赞

**作者是pyqt的爱好者和入门新手，本篇博文花费了大量时间写成，如果对亲有帮助，请点赞好评！**

--------------------

**问题引入**

在找到一个由 `pyqt5` 做的工程文件之后，发现内部的图片很难通过简单的操作后替换为自己想要的图片背景。

**尝试的不成功操作**

1.  找到代码中，原有图片的名称所在的位置，进行替换，发现无效
2.  通过搜索博客，发现有博主解决该类问题是通过将原有的`jpg`图片换成自己想要的 `png` 图片后运行成功的，最终试验结果无效。
3.  在无法将外加的图片显示在按钮时，使用图片文件中原有的其他图片进行替换操作，发现能够实现想要的替换效果，如下图所示。  
    ![图1][1]  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI4MzM5Nw_size_16_color_FFFFFF_t_70_pic_center]
4.  之后，陷入了一个思维懒惰的圈子，觉得可能是图片的大小影响了显示(因为这样最容易想到，也方面操作><，都怪太年轻…)。

**问题解决**

尝试之前的操作，均无法达到预期的效果。之后查看一个之前没有特别在意的文件(后来才知道它的名字叫**图片资源文件**) `login_rc.py`，内部的内容如图所示。

![在这里插入图片描述][20200510125141477.png_pic_center]  
发现之前原有的图像也显示不出来。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI4MzM5Nw_size_16_color_FFFFFF_t_70_pic_center 2]  
   这时才发现之前只是简单修改了.qrc文件中的内容，在添加完图片之后，木有运行(太菜了)。于是查找 **pyqt如何运行.qrc文件** ，最后发现要通过`Pyqrc`外部工具，方可成功运行出py文件(具体安装`Pyqrc`操作见博客后的相关链接)。

![在这里插入图片描述][20200510132445711.png_pic_center]  
希望有帮助到你奥，大家加油：)

**相关链接：**

\[1\]. [pycharm+pyqt5的配置中ui文件无法转化为py文件][pycharm_pyqt5_ui_py]  
\[2\]. [Qt designer添加按钮样式及更改背景图片][Qt designer]  
\[3\]. [PyQt5，资源文件 .qrc 的使用][PyQt5_ .qrc]  
\[4\]. [手把手教你pyqt中.qrc图片文件的编写和使用][pyqt_.qrc]

[1]: /images/20230312/26587c847cb34e60b56490332c677f81.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI4MzM5Nw_size_16_color_FFFFFF_t_70_pic_center]: /images/20230312/19f7380b68c6401e8a7deafa2c0b4e0b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI4MzM5Nw_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20230312/69904fdd905142b8ab7299e9fcc3afdc.png
[20200510125141477.png_pic_center]: /images/20230312/7f7dccd8fa41452a958e38494f1e8fa9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI4MzM5Nw_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20230312/7c411c72d90045ceaa6f8beab5c70557.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI4MzM5Nw_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20230312/99d2f0f927bc44d0bd42c57d4be21fa3.png
[20200510132445711.png_pic_center]: /images/20230312/6b56ff3be3ca40cfab95be4bd8f7426c.png
[pycharm_pyqt5_ui_py]: https://blog.csdn.net/weixin_43283397/article/details/105966974
[Qt designer]: https://blog.csdn.net/yufen9987/article/details/85611711
[PyQt5_ .qrc]: https://blog.csdn.net/gongjianbo1992/article/details/105361880?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522158908659419724839244109%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.57644%2522%257D&request_id=158908659419724839244109&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_v2~rank_v25-2-105361880.nonecase&utm_term=pyqt%E8%87%AA%E5%8A%A8%E7%94%9F%E6%88%90%E6%96%87%E4%BB%B6%E7%9A%84%E5%9B%BE%E7%89%87%E8%B5%84%E6%BA%90
[pyqt_.qrc]: https://blog.csdn.net/tb_youth/article/details/105755423?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522158908044119724811856643%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.57644%2522%257D&request_id=158908044119724811856643&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_v2~rank_v25-1-105755423.nonecase&utm_term=pyqt%E5%A6%82%E4%BD%95%E8%BF%90%E8%A1%8C.qrc%E6%96%87%E4%BB%B6