IMX6ULL开发板QT应用开发之给界面添加图片

 转自迅为i.MX6ULL开发板手册第六十二章

关注VX公众号:迅为电子 , 回复 :终结者,下载完整版手册

B站观看同步视频教程:https://www.bilibili.com/video/BV1tp4y1i7EJ?p=7

 

 

 

 

平台:迅为i.MX6ULL开发板

 IMX6ULL开发板QT应用开发之给界面添加图片

 

1 添加资源

选中项目名称,右键单击—>选择添加新文件

 

 IMX6ULL开发板QT应用开发之给界面添加图片

 

 

在弹出窗口中选择 Qt—>Qt Resource File ,选择 Choose

 IMX6ULL开发板QT应用开发之给界面添加图片

 

填写写资源名称,

 IMX6ULL开发板QT应用开发之给界面添加图片

 

例如填写 picture 后,在工程下的 Resources 会出现 picture.qrc 文件,成功后如图 62.2.4.1.4。

双击 picture.qrc,点击“添加前缀”。

IMX6ULL开发板QT应用开发之给界面添加图片

 

指定路径,这里笔者填的“/”此路径可根据需要自定义:

 IMX6ULL开发板QT应用开发之给界面添加图片

 

 

2 添加图片

我们首先将要添加的图片复制到工程目录下。

右击 picture.qrc,选择 Open With -> 资源编辑器,出现资源管理界面,点击下面的 添加->添加前缀,

下方前缀栏填写的是 “ / ”,这个路径可以根据需要自定义,然后保存。

 

 IMX6ULL开发板QT应用开发之给界面添加图片

 

再次点击“添加”,点击“添加文件”,

 IMX6ULL开发板QT应用开发之给界面添加图片

 

选中图片,点击“打开”,进入资源编辑器

 

 IMX6ULL开发板QT应用开发之给界面添加图片

 

 

在资源编辑器中会看到添加的图片,然后保存。

 

 IMX6ULL开发板QT应用开发之给界面添加图片

 

以此点开 Resources 下的各个文件夹,即可看到添加的图片,此时图片已经添加到工程。

 

 IMX6ULL开发板QT应用开发之给界面添加图片

 

3 Label 添加图片

在 ui 文件添加 QLabel 组件,右击->选择改变样式表,

 IMX6ULL开发板QT应用开发之给界面添加图片

 

弹出对话框,选择添加资源->border image,

 IMX6ULL开发板QT应用开发之给界面添加图片

 

选择要添加的图片,如图 62.2.4.3.3:

 

 IMX6ULL开发板QT应用开发之给界面添加图片

 

点击 OK,apply,OK,即可完成添加,如图 62.2.4.3.4:

 

上一篇:tcpdump抓包使用详解


下一篇:IMX6ULL裸机第一次汇编点亮LED