Qt QML项目中资源图片无法显示的解决方法咨询

问题核心是图片资源的路径引用错误，以下是具体修复方案：

1. 修正Image组件的资源路径 #

你的Pics.qrc给图片资源设置了prefix="/pics"，QML中引用资源时必须带上这个前缀。修改Main.qml里Image的source属性：

source: "qrc:/pics/1.PNG"
// 也可以省略qrc:前缀，直接使用绝对资源路径
// source: "/pics/1.PNG"

2. 确保资源文件被正确编译 #

检查项目的.pro文件，确认已添加资源文件引用：

RESOURCES += Pics.qrc

如果没有这一行，添加后重新编译项目。

3. 验证文件路径与大小写匹配 #

• 确认1.PNG文件和Pics.qrc在同一目录下，若图片在子文件夹中，需在qrc的<file>标签中填写正确相对路径（比如images/1.PNG）。
• 注意文件名大小写：Linux/macOS系统对文件名大小写敏感，QML中的文件名必须和实际文件完全一致（比如实际是1.png就不能写成1.PNG）。

修改后的Main.qml示例：

import QtQuick 2.4
import QtQuick.Window 2.4

Window {
    width: 400
    height: 400

    Image {
        id: image
        x: 0
        y: 0
        width: 400
        height: 400
        source: "qrc:/pics/1.PNG"
        fillMode: Image.PreserveAspectFit
    }

    visible: true
}

内容的提问来源于stack exchange，提问作者Jung San