Discussion :

[Avatar36]

Bonjour,
Je cherche à importer des images dans une application QML mais je tombe toujours sur l'erreur: "QML Image: Cannot open: qrc:/images/monimage.png". Je me suis dit que ça devait venir du path mais je ne vois vraiment pas quoi changer. J'ai essayé de mettre mon dossier "images" dans tous les dossiers du projet => ça marche pas. J'ai tenté de rajouter qrc:/ devant => ça marche pas. Comment fait-on pour charger des images en QML??? Où faut-il mettre le dossier?

Cordialement

[Amnell]

Bonsoir,

Le préfixe "qrc:/" devant images sous-entend en fait que les images doivent être ajoutées au ressources. Dans Qt Creator, vous avez dans la vue de projet un élément Resources, contenant par défaut qml.qrc. Avec un clic droit, ajouter, vous pouvez sélectionner vos images de votre dossier image pour les intégrer dans l'application, et ainsi permettre à vos images de se charger correctement.

Bonne soirée,
Louis

[Avatar36]

Merci! Effectivement comme ça, ça marche. Je risquais pas de trouver ^^". Petite question subsidiaire: Les images apparaissent maintenant dans mon projet à côté des fichiers .qml. En imaginant que j'ai beaucoup d'images, ça doit devenir pas possible de s'y retrouver non? Et comment ça se fait qu'il ne charge pas les fichiers image comme les composants, c'est-à-dire juste en indiquant le path et il sait où les retrouver?

[Amnell]

Bonjour,

Ce que vous pouvez faire pour éviter que ce soit trop le bazar, je vous conseille de créer un nouveau fichier de ressources nommé par exemple images.qrc, contenant un préfixe "/" comme qml.qrc, dans lequel vous pouvez positionner toutes vos images. L'avantage est que cela permet de distinguer les images des fichiers QML et que ça ne recompile pas les images à chaque fois sous la forme de .o, ce qui accélère grandement la compilation.

En fait, QML travaille en relatif. Par défaut, le QML est présent dans les ressources, comme indiqué par le préfixe "qrc:/" :

Code C++ :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
QQmlApplicationEngine engine;
engine.load(QUrl(QStringLiteral("qrc:///main.qml")));

Si vous aviez fait :

Code C++ :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
QQmlApplicationEngine engine;
engine.load(QUrl(qApp->applicationDirPath() + "/qml/main.qml"));

Le QML serait chargé depuis "/chemin/vers/application/qml/main.qml", et non depuis les ressources. De là, vu que QML travaille en relatif, un composant Image ayant pour source "images/test.png" sera cherché dans "/chemin/vers/application/qml/images/test.png". Avec le premier code, il sera cherché dans "qrc:///images/test.png", d'où la nécessité d'intégrer les images au ressources dans ce cas. La même règle s'appliquerait aussi si vous souhaitiez charger vos fichier QML depuis un site Web les diffusant (engine.load(QUrl("http://www.example.com/main.qml")) mènerait cette image à être cherchée dans http://www.example.com/images/test.png - il me semble que cela a pour appellation la network transparency).

Bonne journée à vous,
Louis