Kreirajte UI prototipove za Qt Quick

Qt Quick Projekti UI Prototype korisni su za testiranje ili izradu prototipa korisničkih sučelja ili, na primjer, za postavljanje zasebnog projekta samo za uređivanje QML-a. Ne možete ih koristiti za razvoj aplikacija jer nemaju:

• C++ koda
• Resursne datoteke (.qrc)
• Kod potreban za distribuciju aplikacija na uređaje

Qt Quick Qt Quick Za više informacija o tome kako projekte UI prototipa pretvoriti u projekte aplikacija, pogledajte odjeljak Pretvorba UI projekata u aplikacije.

Za izradu projekta UI Prototype u Qt Quick u:

1. Idite na File > New Project > Other Project > Qt Quick UI Prototype.
2. Odaberite Choose za otvaranje dijaloga Project Location.
3. U prozoru Name unesite naziv aplikacije.
4. U Create in unesite putanju za datoteke projekta. Odaberite Use as default project location kako biste prema zadanim postavkama stvarali nove projekte u ovoj mapi.
5. Odaberite Next (ili Continue na macOS-u) za otvaranje dijaloškog okvira Define Project Details.
6. Odaberite Create a project that you can open in Qt Quick Designer da projekt učinite kompatibilnim s Qt Quick Designerom.
7. Odaberite Use Qt Virtual Keyboard da biste dodali podršku za Qt Virtual Keyboard u aplikaciju.

   Napomena: Ako niste instalirali modul za Qt Virtual Keyboard kad ste instalirali Qt, pojavit će se poruka o pogrešci kada pokušate otvoriti main.qml.

8. Odaberite Next da biste otvorili dijalog Kit Selection.
9. Odaberite kitove za platforme za koje želite izraditi aplikaciju.

   Napomena: Kitovi se navode ako su specificirani u Preferences > Kits.

10. Odaberite Next za otvaranje dijaloga Project Management.
11. Provjerite postavke projekta i odaberite Finish (na Windowsu i Linuxu) ili Done (na macOS-u) za stvaranje projekta.

Qt Creator stvara sljedeće datoteke:

• .qmlproject Datoteka projekta definira da sve QML, JavaScript i slikovne datoteke u mapi projekta pripadaju projektu. Stoga ne morate pojedinačno navoditi sve datoteke u projektu.
• .qml datoteka definira UI element, kao što je komponenta ili cijelo korisničko sučelje aplikacije.
• Screen01.ui.qml datoteka definira prilagođeni QML tip koristeći instance tipa Rectangle koje čine pozadinu, gumb i komponentu Text koja prikazuje tekst. Ova datoteka se stvara ako odaberete Create a project that you can open in Qt Quick Designer.

Da biste koristili JavaScript i slikovne datoteke u aplikaciji, kopirajte ih u mapu projekta.