Upute: Debugiranje aplikacija za Qt Quick

Ovaj vodič koristi primjernu aplikaciju Same Game kako bi ilustrirao otklanjanje pogrešaka aplikacija za Qt Quick u načinu rada Debug.

Za više informacija o svim dostupnim opcijama pogledajte odjeljak Otklanjanje pogrešaka u Qt Quick projektima.

Demo aplikacija Same Game prikazuje kako napisati igru u QML-u, koristeći JavaScript za svu logiku igre. Otvorite demo projekt u Qt Creator kako biste ga otklonili pogreške:

1. Da biste pogledali kod koji pokreće novu igru, postavite prekidnu točku u samegame.qml klikom između broja retka i ruba prozora na retku na kojem se poziva funkcija startNewGame() (1).

   

   Crveni krug označava da je na tom broju retka sada postavljen prekidni bod.

2. Idite na Debug > Start Debugging > Start Debugging of Startup Project ili pritisnite F5.
3. Kad se aplikacija Same Game pokrene, odaberite Puzzle za pokretanje nove igre.

   

4. Kada otklonivač pogrešaka stigne do prekidne točke, prekida aplikaciju. Qt Creator prikazuje pozivni trag (call stack trace) ugniježđenih poziva funkcija koji vode do trenutne pozicije.

   

5. Odaberite (Step Into) na alatnoj traci ili pritisnite F11 za ulazak u kod na hrpi. Datoteka samegame.js otvara se u uređivaču koda na funkciji koja započinje novu igru.

   

6. Pregledajte lokalne varijable u prikazu Locals. Prođite kroz kod korak po korak kako biste vidjeli kako se informacije mijenjaju u prikazu.
7. Dodajte prekidnu točku na kraju funkcije startNewGame() i odaberite (Continue) da biste aktivirali prekidnu točku.

   

8. Za izvršavanje JavaScript naredbi u trenutnom kontekstu otvorite QML Debugger Console.

   

9. Da biste uklonili prekidnu točku, kliknite na nju desnom tipkom miša i odaberite Delete Breakpoint.
10. U prikazu Locals istražite strukturu objekata tijekom izvođenja.

    

11. Idite na Debug > Show Application on Top kako biste aplikaciju održali vidljivom dok radite s otklanjivačem pogrešaka.
12. Idite na Debug > Select da biste aktivirali način odabira, a zatim odaberite Menu kako biste prešli na komponentu menuButton u prikazu Locals i uređivaču koda.
13. U prikazu Locals dvaput kliknite vrijednost svojstva da biste je promijenili.