Windows下在VS-Code将本地图片加载至资源文件【可使用】

目录

背景：

1）开发环境

2）问题描述

3）问题原因

解决步骤

1、vs-code-resource资源文件中添加本地图片

2、修改【resource.qrc】文件

背景：

1）开发环境：

windows + vs-code + qt

2）问题描述：

想添加一张本地图片至项目中使用，只将图片复制到相应文件夹后，项目内可以看到文件（如图1），但是项目实际运行后，图片是空白的，读不出来（如图2），修改好后的情况如图3所示。

（图1）

 （图2）

 （图3）

3）问题原因：

vs-code添加资源图片的方式与qt不同（博主以前用qt开发，直接右键->添加现有文件->选择本地图片，即可，很方便），不仅需要添加图片至相应文件夹，还需要在resource.qrc中添加相应代码（qt是自动添加）。

解决步骤

1、vs-code-resource资源文件中添加本地图片

可以直接将相应的图片文件复制到对应的文件夹内，博主以这个图标为例，直接复制到图片对应的文件夹内。（文件夹具体路径看各自的项目情况） 

此时在项目中直接使用这张图是显示不出来的，博主是在一个控件内添加这张图，代码如下：

pixmap.load(":/resources/imgs/mainwin/recordwin/detailswin/a-test.png");

注：代码的具体使用我们这里不做讨论，因为图片的使用方式太多了。

不过运行后按钮控件部分是空的

2、修改【resource.qrc】文件，添加图片文件别名

resource.qrc文件位置：在resource文件夹内，如箭头2所示，刚才的图片是添加在了imgs文件夹内

打开resource.qrc，并在对应文件夹下位置添加下列代码

<file alias="a-test.png">imgs/mainwin/recordwin/detailswin/a-test.png</file>

此句代码的意思是：引用a-test,png资源，类似起个别名

 修改后重新编译效果如下，可以显示按钮控件的图片了：

#END