Déboguer QML

Logging

console.log peut être utilisé pour afficher des informations de débogage dans la console. Par exemple :

 Rectangle {
     width: 200; height: 200
     MouseArea {
         anchors.fill: parent
         onClicked: console.log("clicked")
     }
 }

Déboguer les transitions

Quand une transition n'a pas l'air correcte, il peut être utile de l'exécuter au ralenti pour voir plus facilement ce qui s'est passé. Cette fonctionnalité existe dans l'outil QML Viewer : pour l'activer, cliquez sur le menu « Debugging », puis sur « Slow Down Animations ».

Déboguer les imports de modules

La variable d'environnement QML_IMPORT_TRACE peut être définie pour activer la sortie de débogage du mécanisme de chargement des imports de QML.

Par exemple, pour un fichier QML simple comme celui-ci :

 import QtQuick 1.0
 
 Rectangle { width: 100; height: 100 }

Si vous définissez QML_IMPORT_TRACE=1 avant de lancer le QML Viewer (ou dans votre application QML C++), vous verrez une sortie similaire à celle-ci :

 QDeclarativeImportDatabase::addImportPath "/qt-sdk/imports"
 QDeclarativeImportDatabase::addImportPath "/qt-sdk/bin/QMLViewer.app/Contents/MacOS"
 QDeclarativeImportDatabase::addToImport 0x106237370 "." -1.-1 File as ""
 QDeclarativeImportDatabase::addToImport 0x106237370 "Qt" 4.7 Library as ""
 QDeclarativeImportDatabase::resolveType "Rectangle" = "QDeclarativeRectangle"

Déboguer avec Qt Creator

Qt Creator fournit un support intégré pour le débogage de QML. Les projets QML et les applications C++ autonomes utilisant QML peuvent être débogués dans les environnements de bureau ainsi que sur les périphériques distants. Pour plus d'informations, consultez le manuel de Qt Creator.

Remerciements

Merci à Emmanuel Di Clemente pour la traduction ainsi qu'à Ilya Diallo, Jonathan Courtois et Claude Leloup pour leur relecture !