目录
背景:
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