[Lorne]

I am trying to use an image instead of an icon in an AppListView but I’m getting the following error:

QML AppImage: Cannot open: qrc:///qml/VPlayApps/assets/vplay-logo.png

Here’s the AppListView.  This is taken from the SimpleRow documentation.  The only thing changes is instead of using setting the icon in the model, I’m setting image instead.

    AppListView {
      id: listView;
      objectName: "listView";
      anchors.fill: parent;
      model: [
        { text: "Widget test",
          detailText: "Some of the widgets available in Felgo AppSDK",
          image: "../assets/vplay-logo.png",
        },
        { text: "Shown are:",
          detailText: "ListPage, NavigationBar with different items, Switch",
          image: "../assets/vplay-logo.png",
        }
      ]      
      delegate: SimpleRow { }
    }

 

[GüntherFelgo Team]

Hi Lorne!

The relative path of the image source (“../assets/vplay-logo.png”) does not work in this case, as Qt tries to resolve the Image path relative to the AppListView component of Felgo SDK.

You can use Qt.resolvedUrl(…) to correctly resolve the relative path within your project like this:

AppListView {
    id: listView;
    objectName: "listView";
    anchors.fill: parent;
    model: [
      { text: "Widget test",
        detailText: "Some of the widgets available in Felgo AppSDK",
        image: Qt.resolvedUrl("../assets/vplay-logo.png")
      },
      { text: "Shown are:",
        detailText: "ListPage, NavigationBar with different items, Switch",
        image: Qt.resolvedUrl("../assets/vplay-logo.png")
      }
    ]
    delegate: SimpleRow { }
  }

Best,
Günther

[Lorne]

Qt.Resolved() worked like a charm.  Thank you