QT——如何在widget中添加图片作为背景

一、如何在widget中添加图片作为背景

1、先在工程文件夹下建立一个images文件夹用来专门放图片

QT——如何在widget中添加图片作为背景

2、右键当前工程,选择“添加新文件”

QT——如何在widget中添加图片作为背景

选择Qt -->  Qt Resource File --> 自定义好名字 --> 下一步

3、添加 --> (此时添加文件还是灰色的,只能先添加前缀)添加前缀,我写了/images。就直接用默认的也行。

4、添加 --> 添加文件(此时添加文件变黑色),选择你要加进去的图片

5、添加完图片后还要在空白处点击一下,ctrl+s保存

6、图片添加成功时,Resources文件夹的目录结构应该如下:

7、回到UI界面,右键想要加背景的widget,选择“改变样式表”--> 选择“添加资源”--> border-image,就会出现下图

QT——如何在widget中添加图片作为背景

双击LoginBackground,选择想要添加的背景图片,点ok即可

QT——如何在widget中添加图片作为背景

二、删除图片后编译报错: needed by 'debug/qrc_loginbackground.cpp'.  Stop.(也是如何删除已添加的UI样式表问题)    

    在网上看到的做法是先把.user文件和build文件夹删掉,重新直接双击打开.pro文件,在自动弹出的设置界面重新选kit构建目录。

    但是我按这种方法操作之后还是会报同样的错,我的解决方法如下:

1、打开“编辑”,双击打开.pro文件

2、找到下面图示的代码段:

QT——如何在widget中添加图片作为背景

    这个是我后来重新运行成功的代码,报错的时候是RESOURCES下还有个之前删掉的.qrc,SOURCES一直到FORMS里面分别有两个Login的文件,我们要做的就是删掉其中一个。

    再编译时就正常了。