Python基础（四）—— 如何添加图片资源并引用

た入场券 2022-10-19 05:36 14阅读 0赞

在通过QTdesigner进行界面开发过程中，需要引用图片资源美化界面，如何添加图片并正确引用呢，下面有两种方法可以尝试使用：

**一、使用工具QtDesigner**  
1、打开.ui文件，直接在QtDesigner中资源浏览器-编辑-新建资源文件-添加前缀-添加文件即可添加图片资源，并自动生成.qrc资源文件  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N5bm9sYQ_size_16_color_FFFFFF_t_70]  
2、将.qrc文件转换成.py文件  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N5bm9sYQ_size_16_color_FFFFFF_t_70 1]  
3、选中控件，找到styleSheet,引入图片即可  
border-image: url(:/imn/img/btn\_bathroom\_hover.png);  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N5bm9sYQ_size_16_color_FFFFFF_t_70 2]  
**二、直接修改qrc文件**  
1、在工程目录下新建文件夹img存放图片资源，并同时新建.qrc文件，例如src.qrc  
格式如下

<RCC>
        <qresource prefix="imo">
        <file>img/bg_bathroom.png</file>
        <file>img/btn_bathroom_normal.png</file>
      </qresource>
    </RCC>

2、将src.qrc文件转换成src.py文件  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N5bm9sYQ_size_16_color_FFFFFF_t_70 3]

3、在需要引入图片的.py文件中导入src  
![在这里插入图片描述][20210709195521494.png]  
4、运行并查看界面即可

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N5bm9sYQ_size_16_color_FFFFFF_t_70]: /images/20221005/b184fc141a9d412bbf8483a86951b50f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N5bm9sYQ_size_16_color_FFFFFF_t_70 1]: /images/20221005/305fe83e90864f5492b3100856b75989.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N5bm9sYQ_size_16_color_FFFFFF_t_70 2]: /images/20221005/99737582d3564ef0acf22bc0a8932d5f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N5bm9sYQ_size_16_color_FFFFFF_t_70 3]: /images/20221005/7ae5654f273e46aba05c0c61f3a2958f.png
[20210709195521494.png]: /images/20221005/48a83d0724f1487aa5f2ab303774eebc.png