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


images/logo_text.png

请注意,一行的内容就是我们增加的图片,如果还有别的图片,可以再写一行,只是把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 文件常用配置

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网站题目:K02-03加点料-增加一张图片-创新互联
分享URL:http://bzwzjz.com/article/pjidh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设 成都网站设计 成都网站制作公司 重庆企业网站建设 网站建设推广 成都网站建设 网站建设改版 成都商城网站建设 高端定制网站设计 温江网站设计 专业网站建设 成都品牌网站建设 成都网站制作 手机网站制作设计 H5网站制作 成都定制网站建设 移动网站建设 成都网站建设公司 成都网站设计 企业网站建设 成都网站设计公司 网站建设方案