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 文件常用配置

转载于:https://www.cnblogs.com/baizy77/p/11436362.html