Dizajniranje korisničkih sučelja temeljenih na widgetima

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

Qt Creator Qt Widgets Designer automatski otvara sve datoteke u integriranom uređivaču koda, u načinu . .ui 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 Designera besprijekorno su integrirani s programskim 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 Designeru mogu se dinamički mijenjati unutar koda. Nadalje, značajke kao što su promocija widgeta i prilagođeni dodatci omogućuju vam upotrebu vlastitih widgeta s Qt Widgets Designerom.

Za više informacija o Qt Widgets Designeru 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 Designeru, resursi slika se stvaraju 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). One se stvaraju i održavaju pomoću Qt Creator Resource Editora. Qt Widgets Designer Resource Editor je deaktiviran, a resursi slika prikazuju se u Qt Widgets Designeru Resource Browser.

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

Postavite preferencije 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 pretpregled obrazaca u Forms.
• Odredite dodatnu 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, a 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 odjeljku 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 .qdp datoteka odaberite Open. Za spremanje kao .qdp datoteke odaberite Save.