K02-03加点料-增加一张图片

版权声明

该文章原创于Qter开源社区
作者： 女儿叫老白
转载请注明出处！

网页版课程源码 提取码：1uy7

引言

  既然是界面编程，自然离不开图片，比如在按钮上使用文字太枯燥了，使用图标是不是会更好呢？今天，我们来讨论一下如何在Qt项目中使用图片。

正文

   既然要使用图片，自然离不开图片啦。那么图片在哪呢？

百度！相信是很多人的第一反应。但是您知道吗，从网上找到的图片，有时候用Qt进行加载会失败（原因待查，未深究）。小编自己都是使用公司的专业美工制作的图片。所以，最好的办法还是请美工制作，而且这样做就不会有版权问题啦。
那么把图片（大象）放到项目（冰箱）中一共分几部呢？就像某著名演员说的一共分3步：
第一步，把图片放到images目录（打开冰箱门）。
第二步，将图片添加到xxx.qrc文件，并将qrc文件添加到pro（把大象放进去）
第三步，在界面、代码中引用图片

我们分别来看一下。
第一步，把图片放到images目录：拿到需要的图片后，我们把它放到images目录。这个目录属于我们项目的子目录，比如我们的项目的代码目录为ks02_03，那么就在这个目录下面建立子目录images：
ks02_03目录
--- images(子目录)
---源代码1.cpp
---源代码2.cpp

          第二步，将图片添加到xxx.qrc文件，并将qrc文件添加到pro。qrc是Qt的资源描述文件，women 可以把用到的图片在该文件中进行描述。我们来看一下qrc文件的格式： 

代码清单:

// ks02_03.qrc
<!DOCTYPE RCC><RCCversion="1.0">
<qresource>
<file>images/logo_text.png</file>
</qresource>
</RCC>

   请注意，<file>一行的内容就是我们增加的图片，如果还有别的图片，可以再写一行，只是把logo_text.png换成对应的文件名即可。另外，请注意，我们使用的是相对路径：
   images/logo_text.png
   images是我们已经建好的子目录，前面无需写其他内容。
   然后，我们将ks02_03.qrc添加到pro文件，只需要加一行：

   RESOURCES      +=ks02_03.qrc

第三步，在界面、代码中引用图片。比如为文本标签（QLabel）设置一个图标（图片），我们一般会在designer中选择该按钮，为它设置图片：修改pixmap属性，并设置为准备好的图片。请注意，选择图片时，请用编辑框右侧的"…"按钮。
如果是在代码中为按钮设置图片，方法如下：
label->setPixmap(QPixmap(":/images/qt.png"));
请注意，描述图片文件路径时，我们使用的是":/images/qt.png"，要注意路径开头的冒号。
好了，编译一下程序并运行起来吧。祝大家好运！
结语

本节课，我们讨论了向项目中添加图片的方法和过程，现在我们来总结一下要点：
   1， 使用图片时，尽量请公司的美工制作。避免使用网上的图片，有时候Qt无法识别。
   2， 将图片添加到项目一共分三步，
         第一步，将图片放到images目录，
         第二步，将图片添加到qrc文件并将qrc文件添加到pro。
         第三步，在界面(ui文件)或代码中引用图片。

《Qt入门与提高-GUI产品开发》目录
上一节:KS02-02 整理一下目录吧
下一节:KS02-04 pro 文件常用配置