QT5_PYQT导入自己的图片

  很多时候在界面设计中,我们需要导入自己预先设计好的图片。那具体是怎么实现呢?这篇文章会给你答案的!

一、QT5导入自己的图片

   说明:使用环境为windows10+Qt Creator 4.8.0+Qt 5.12

  1. 点击左上角“文件”,再点击“新建文件或项目”

  2. 在弹出的框中左列选择“Qt”,中间列选择Qt Resource File,点击右下角choose
    在这里插入图片描述

  3. 设置名称和路径(路径就选择想要导入的文件夹即可),点击“下一步”:
    在这里插入图片描述

  4. 出现以下界面后,点击右下角“完成”:
    在这里插入图片描述
    项目中可以看到生成Resource文件夹:
    在这里插入图片描述

  5. 点开Resources文件夹,出现.qrc文件:
    在这里插入图片描述

  6. 右击qrc文件,点击“添加现有文件”,选择想要加入的图片
    此时,可以看到qrc文件中已经有了该图片
    在这里插入图片描述
    然后就可以使用该图片了!

二、PYQT导入自己的图片

  导入图片的目的是在样式表中使用,我这里就以样式表举例子啦!
  说明:环境为windows10+PyCharm2019.2。设置外部工具三个:QT Designer、PYUIC、PYqrc

  1. 打开QT Designer,选择ui文件中一个控件,右击该控件,点击“改变样式表”,出现下图(忽略里面的内容,之前做的项目,没有删除):
    在这里插入图片描述
  2. 点击添加资源右边的小黑三角,选择border-image(这个根据需求选择):
    在这里插入图片描述
  3. 点击左上角的笔,出现下面的界面:
    在这里插入图片描述
  4. 点击新建文件资源,生成一个空白qrc文件:
    在这里插入图片描述
  5. 点击“添加前缀”
    在这里插入图片描述
  6. 生成前缀后,点击前缀,再点击下方的“添加文件”:
    在这里插入图片描述
  7. 选择目标图片进行添加,再点击ok:
    在这里插入图片描述
  8. 可从样式表列表里看到刚刚加入的图片,再点击ok:
    在这里插入图片描述
  9. 目前ui文件已经完成设置,需要再将相关转成py文件,此时点击qrc文件,可看到图片已经导入:
    在这里插入图片描述
  10. 对qrc文件使用外部工具pyqrc(使用方法及配置过程可上网查找~),将其生成xxx_rc.py文件
  11. 再对ui文件使用外部工具PYUIC就可生成对应的py文件.
    在生成的py文件中最后一行就会显示xxx_rc.py文件的引入
    在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/gls_nuaa/article/details/111872602