QT 添加资源文件

qt中如果你要添加图片资源文件我们需要执行以下步骤:

(1)先找好一张图片,这里就不多说了,网上资源很多。

(2)把我们找好的文件统一放到一个文件夹,然后拉到工程文件所在的文件夹下

QT 添加资源文件

 

(3)在qt中新建一个资源文件,注意右键点击主文件找到添加新文件

QT 添加资源文件

(4)找到QT 点击右边的QT Resource File

QT 添加资源文件

 

(5)点击choose,然后我们自定义一个名字

QT 添加资源文件

 

(6)如果是第一次添加则要找到刚才添加的资源文件,都是在最下面,右键点击Open in Editor

QT 添加资源文件

 

(7)接着我们窗口的右边,点击添加前缀

QT 添加资源文件

 

(8)我们在这一步的时候可以改一个自己的前缀

QT 添加资源文件

 

(9)点击完添加前缀我们发现原来黑掉的添加文件按钮亮了

QT 添加资源文件

 

(10)点击添加文件,会自动寻找到工程文件所在的目录下

QT 添加资源文件

 

(11)我们点击进到图片所在的文件image中选择自己要添加到qt图片资源文件中

 

QT 添加资源文件

 

(12)添加进去的图片将会显示先back文件下

QT 添加资源文件

 

到这里我们的图片就成功添加到图片资源文件中了,我们可以使用里面的文件,不用再担心我们的图片没有拷贝到工程文件下而无法显示了。

 

我们来个简单的使用例子,图片放到按钮中显示

(一)拖进一个按钮,右键点击找到改变样式表

QT 添加资源文件

 

(二)从改变样式表点击进去,找到添加资源,继续点击border-image

QT 添加资源文件

 

 

(三)点击进去点击image,看到文件下的图片,点击,然后点击ok

QT 添加资源文件

 

(四)点击Apply或者ok,按钮上将显示刚才的图片

QT 添加资源文件

 

到这里我们的按钮图片就完成了,当然我们也可以用代码实现,前提是图片资源文件中有这张图片,如下

ui->pushButton->setStyleSheet("border-image: url(:/back/image/www.ico.la_dd771a3447af3072c438047f09343551_64X64.ico);");
"border-image: url(:/back/image/www.ico.la_dd771a3447af3072c438047f09343551_64X64.ico);"这句路径可以这样找到

同样是右键按钮,然后改变样式表,就可以看到路径了

QT 添加资源文件