Qt 入门 ---- 如何在程序窗口显示图片?

时间:2024-03-26 20:13:58

步骤:

1. 选择资源(准备图片)

2. 加载资源(导入图片)

3. 使用资源(显示图片)

具体操作流程:

① 从网上寻找合适的图片素材,下载到本地,在项目根目录下创建一个images文件夹存储程序中用到的所有图片。

Qt 入门 ---- 如何在程序窗口显示图片?

② 新建资源文件。

2.1 在Qt的“编辑”模式下,右击项目名称,选择“添加新文件”,弹出如下对话框:

Qt 入门 ---- 如何在程序窗口显示图片?

2.2 “文件和类”中选择“Qt”,在子列表中选择“Qt资源文件”。

Qt 入门 ---- 如何在程序窗口显示图片?

2.3 填写资源文件的名称。

Qt 入门 ---- 如何在程序窗口显示图片?

2.4 资源文件创建成功,此时会在项目列表中出现“资源”一项。

Qt 入门 ---- 如何在程序窗口显示图片?

③ 添加图片到资源。

3.1 双击“资源”下的“images”,右侧会出现空的列表,在下侧会有如下的列表项:

Qt 入门 ---- 如何在程序窗口显示图片?

3.2 单击“添加”旁的三角形,选择“添加前缀”,此时,列表属性中的“前缀”字体会点亮,将前缀修改成斜杠(/)。

Qt 入门 ---- 如何在程序窗口显示图片?

3.3 此时,资源列表中会出现相应的项。再次单击“添加”旁的三角形,选择“添加文件”,将项目根目录下“images”文件夹中的图片添加到“images”资源中。记得保存更改哦!

Qt 入门 ---- 如何在程序窗口显示图片?

④ 在程序面板添加图片资源

4.1 双击"界面文件"切换到“设计”模式。在程序相应位置放置“label”

Qt 入门 ---- 如何在程序窗口显示图片?

4.2 编辑“Label”的属性,如下图打开“Label”的文本编辑框

Qt 入门 ---- 如何在程序窗口显示图片?

4.3 在文本编辑框的工具栏中选择“添加图片”

Qt 入门 ---- 如何在程序窗口显示图片?

4.4 在弹出的资源列表中选择添加的图片

Qt 入门 ---- 如何在程序窗口显示图片?

4.5 保存更改。图片添加完成。运行结果如下:

Qt 入门 ---- 如何在程序窗口显示图片?