【独家连载】Qt入门与提高：K02-03加点料-增加一张图片
本帖最后由 baizy77 于 2019-7-2 20:24 编辑版权声明---------------------------------------------------------------------------------------------------------------------该文章原创于Qter开源社区（www.qter.org）作者： 女儿叫老白转载请注明出处！---------------------------------------------------------------------------------------------------------------------课程目录: 【独家连载】《Qt入门与提高-GUI产品开发》目录
网页版课程源码 提取码：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文件)或代码中引用图片。
上一节:KS02-02 整理一下目录吧
下一节:KS02-04 pro 文件常用配置
怎样更高效地显示图片呢？我们老师说label不是很好，但是我忘了他说的那个方法了
页:
[1]