Qt从零开始制作串口调试助手-(第五章、创建资源文件,并添加图片到“关于界面”)-Creator_Ly
2015-11-11 21:57
609 查看
第五章、创建资源文件,并添加图片到“关于界面”
1、右击项目,选择添加新文件
![](http://img.blog.csdn.net/20151111214936815?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
2、选择Qt,Qt资源文件,点击选择
![](http://img.blog.csdn.net/20151111214950511?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
3、填写文件名,点击下一步。
![](http://img.blog.csdn.net/20151111215007154?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
4、点击完成
![](http://img.blog.csdn.net/20151111215038198?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
5、点击添加->添加前缀
![](http://img.blog.csdn.net/20151111215059554?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
6、更改前缀名称为/images
![](http://img.blog.csdn.net/20151111215235568?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
7、在E:\Qt_Workspace\UartAssistant\UartAssistant文件夹下,创建Image文件,将图片资源放进去。
![](http://img.blog.csdn.net/20151111215314962?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
8、点击添加文件,找到图片资源进行添加。
![](http://img.blog.csdn.net/20151111215328267?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
![](http://img.blog.csdn.net/20151111215341598?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
9、打开AboutDialog.ui文件,添加QLabel控件。
![](http://img.blog.csdn.net/20151111215422402?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
10、选择QLabel控件,点击属性里面的pixmap项,浏览找到刚才资源里面的图片,点击确认。
![](http://img.blog.csdn.net/20151111215443513?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
11、可以发现添加完的图片,不能自适应窗口的大小进行显示,只需将属性里面的scaledContents勾选即可。
![](http://img.blog.csdn.net/20151111215502025?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
到此创建资源文件并添加图片到“关于界面”完成!
Creator_Ly
2015-11-01
1、右击项目,选择添加新文件
2、选择Qt,Qt资源文件,点击选择
3、填写文件名,点击下一步。
4、点击完成
5、点击添加->添加前缀
6、更改前缀名称为/images
7、在E:\Qt_Workspace\UartAssistant\UartAssistant文件夹下,创建Image文件,将图片资源放进去。
8、点击添加文件,找到图片资源进行添加。
9、打开AboutDialog.ui文件,添加QLabel控件。
10、选择QLabel控件,点击属性里面的pixmap项,浏览找到刚才资源里面的图片,点击确认。
11、可以发现添加完的图片,不能自适应窗口的大小进行显示,只需将属性里面的scaledContents勾选即可。
到此创建资源文件并添加图片到“关于界面”完成!
Creator_Ly
2015-11-01
相关文章推荐
- QT 鼠标形状
- QT二维图形的绘制(类的介绍与绘图实例)
- Qt通过odbc读取excel数据
- QT中实现图片淡出淡入的效果
- 【转】 Qt绘图,显示图片图像,平移,缩放,旋转和扭曲图片的方法 声明:本
- [转载]Qt图片缩放处理、旋转与扭曲
- QT中给各控件增加背景图片(可缩放可旋转)的几种方法
- Qt中图像的显示与基本操作
- [Qt]一个简单的Qt Widget多线程处理图像的例子
- Qt继电器控制板代码
- 在QT中使用静态对象
- Qt下如何使用libuv
- Qt学习点滴积累
- QT位置相关函数
- 自学QT之底层因为接收到操作系统信号而停止的解决方案
- Qt Creator的下载、安装及试用
- QT主窗口QMainWindow
- VS调试Qt程序时查看变量显示地址值问题解决
- qt 中各种常用对话框
- QML Item详解