チュートリアル：Qt Quick デバッグ

このチュートリアルでは、Same Gameサンプルアプリケーションを使って、Qt Quick アプリケーションをDebug モードでデバッグする方法を説明します。

すべてのオプションの詳細については、 Qt Quick プロジェクトのデバッグを参照してください。

Same Gameのデモでは、すべてのゲームロジックにJavaScriptを使用し、QMLでゲームを書く方法を示しています。Qt Creator 、デモプロジェクトを開いてデバッグしてください：

1. 新しいゲームを開始するコードを見るには、startNewGame() 関数が呼び出される行の行番号とウィンドウの境界線の間をクリックして、samegame.qml にブレークポイントを置きます（1）。

   

   赤い丸は、その行番号にブレークポイントが設定されていることを示します。

2. Debug >Start Debugging >Start Debugging of Startup Project に移動するか、F5キーを押してください。
3. Same Game アプリケーションが起動したら、Puzzle を選択して新しいゲームを開始します。

   

4. デバッガがブレークポイントにヒットすると、アプリケーションを中断します。Qt Creator は、現在の位置に至るネストされた関数コールをコールスタックトレースとして表示します。

   

5. ツールバーで (Step Into) を選択するか、F11 を選択すると、スタック内のコードにステップインします。samegame.js ファイルは、新しいゲームを開始する関数のコードエディターで開きます。

   

6. Locals ビューでローカル変数を調べます。コードをステップスルーして、ビューで情報がどのように変化するかを確認します。
7. startNewGame() 関数の最後にブレークポイントを追加し、 (Continue) を選択してブレークポイントをヒットします。

   

8. 現在のコンテキストでJavaScriptコマンドを実行するには、QML Debugger Console を開きます。

   

9. ブレークポイントを削除するには、ブレークポイントを右クリックし、Delete Breakpoint を選択します。
10. Locals ビューで、実行時のオブジェクト構造を探ります。

    

11. Debug >Show Application on Top に移動して、デバッガと対話しながらアプリケーションを表示したままにします。
12. Debug >Select に移動して選択モードをアクティブにし、Menu を選択してLocals ビューとコードエディターでmenuButton コンポーネントに移動します。
13. Locals ビューで、プロパティの値をダブルクリックして変更します。