Dizajniranje korisničkih sučelja temeljenih na widgetima

Kako: Dizajnirati korisničke sučelje temeljena na widgetima

Qt Creator automatski otvara sve datoteke .ui u integriranom dizajneru Qt Widgets, u načinu rada Design.

Qt Widgets Designer otvoren u načinu dizajniranja" src="images/qtcreator-formedit.png" title="Qt Widgets Designer otvoren u načinu dizajniranja"/>

Widgeti i obrasci stvoreni pomoću Qt Widgets Designer -a besprijekorno su integrirani s programiranim kodom pomoću mehanizma Qt signala i slotova koji vam omogućuje jednostavno dodjeljivanje ponašanja grafičkim elementima. Sva svojstva postavljena u Qt Widgets Designer -u mogu se dinamički mijenjati unutar koda. Nadalje, značajke kao što su promocija widgeta i prilagođeni dodaci omogućuju vam upotrebu vlastitih widgeta s Qt Widgets Designer-om.

Za više informacija o Qt Widgets Designer, pogledajte priručnik za Qt Widgets Designer .

Općenito, integrirani Qt Widgets Designer ima iste funkcije kao i samostalni Qt Widgets Designer. Sljedeći odjeljci opisuju razlike.

Da biste naučili kako koristiti integrirani Qt Widgets Designer za izradu male aplikacije temeljene na Qt Widgets, pohađajte tečaj Qt Academy: Getting Started with Qt Creator.

Integracija uređivača koda

Za prebacivanje između formi (Design način rada) i koda (Edit način rada) pritisnite Shift+F4.

Možete koristiti Qt Creator za izradu početnih implementacija slot funkcija. U načinu rada Design, kliknite desnom tipkom miša na widget kako biste otvorili kontekstualni izbornik, a zatim odaberite Go to Slot. Odaberite signal na popisu kako biste otišli na postojeću slot funkciju ili stvorili novu slot funkciju.

Upravljanje resursima slika

U samostalnom Qt Widgets Designer u, resursi slika stvaraju se pomoću ugrađenog Resource Editor a. U Qt Creator u, datoteke .ui a obično su dio projekta, koji može imati nekoliko resursnih datoteka (.qrc). Stvaraju se i održavaju pomoću Qt Creator Resource Editora. Qt Widgets Designer Resource Editor je deaktiviran i resursi slika prikazuju se u Qt Widgets Designer Resource Browser u.

Za otvaranje datoteka resursa iz uređivača koda odaberite Follow Symbol Under Cursor u kontekstualnom izborniku ili pritisnite F2 kada je pokazivač iznad string literalom.

Postavite postavke za Qt Widgets Designer

Možete povući i ispustiti prikaze u Qt Widgets Designer na nove položaje na zaslonu.

Za postavljanje preferencija za Qt Widgets Designer, idite na Preferences > Designer:

• Odredite ugrađene profile uređaja koji određuju stil, font i rezoluciju zaslona, na primjer, u Embedded Design.
• Odredite postavke za mrežu i pregled obrazaca u Forms.
• Odredite dodatni mapu za spremanje predložaka u Template Paths.

Za pregled postavki odaberite Tools > Form Editor > Preview ili pritisnite Alt+Shift+R.

Pregledajte obrasce pomoću profila uređaja

Profil uređaja je skup konfiguracijskih datoteka koje opisuju mobilni uređaj. Uključuje pozadinsku sliku koja okružuje obrazac i prikazuje mobilni uređaj s njegovim tipkama.

Za pretpregled obrasca pomoću profila uređaja odaberite Tools > Form Editor > Preview In i zatim odaberite profil uređaja.

Dodaj profile uređaja

Za dodavanje profila uređaja:

1. Idite na Preferences > Designer.

   

2. U odjeljku Embedded Design odaberite (Add a profile) za otvaranje dijaloškog okvira Add Profile.

   

3. U Name unesite naziv za uređaj. Naziv se prikazuje kao opcija u Preview In.
4. U Family odaberite font koji ćete koristiti.
5. U Point Size odaberite veličinu fonta.
6. U Style u odaberite jedan od unaprijed definiranih stilova.
7. U Device DPI odaberite jednu od unaprijed definiranih vrijednosti DPI-ja ili User defined za navođenje prilagođene vrijednosti.
8. Odaberite OK da biste dodali profil uređaja na popis.

Za uvoz profila uređaja iz datoteka .qdp odaberite Open. Za spremanje u datoteke .qdp odaberite Save.