qml无法打开图像

Question

我正在尝试将图像添加到我的qml项目中并显示它。 图片部分：

Image {
    id:menuLogo
    width:400
    height:400
    source: "design/logo.png"
}

我的项目结构。 在qt中键入路径的第一部分时甚至会建议使用文件名。

运行代码时出现的错误：

  

qrc：/Menu.qml：9：5：QML图片：无法打开：qrc：/design/logo.png

Answer 1

默认情况下，QML在.qrc中搜索资源，但是在您的情况下，图像不存在。因此，可能的解决方案是将其添加到您拥有的qml.qrc中，请执行以下步骤：

1. 右键单击qml.qrc，然后选择“添加现有文件..”。
2. 选择设计文件夹中的图像。
3. 再次编译。

另一种选择是传递本地网址：

Image {
    id:menuLogo
    width:400
    height:400
    source: file:///path/of/logo.png
}