Izradite prilagođene komponente

Možete koristiti predloške čarobnjaka za projekt za izradu prilagođenih komponenti i kontrola ili premjestiti instance komponenti u zasebne datoteke kako biste ih pretvorili u nove komponente čije instance možete stvarati. Zatim možete koristiti instance novih komponenti u drugim komponentama.

Prilagođene komponente pohranjuju se u Components > My Components. Možete stvoriti instance prilagođenih komponenti povlačenjem s prikaza Components u prikaz 2D ili Navigator.

Stvorite komponente od nule

Za korištenje predložaka čarobnjaka za izradu prilagođenih komponenti:

1. Odaberite File > New File > Qt Quick Files > Qt Quick UI File > Choose za stvaranje nove datoteke .ui.qml.

   Napomena: Komponente se u Components > My Components navode samo ako naziv datoteke započinje velikim slovom.

2. Odaberite Design za otvaranje datoteke u prikazu 2D.
3. Povucite komponentu iz prozora Components u prozor Navigator ili 2D.
4. Uredite svojstva komponente u prikazu Properties. Dostupna svojstva ovise o vrsti komponente. Svojstva za komponente možete dodati na kartici Properties u prikazu Connections.
5. Kako biste promijenili izgled i ponašanje instanci komponenti na načine koji nisu podržani u Qt Quick Designeru prema zadanim postavkama, možete definirati prilagođena svojstva na kartici Properties u prikazu Connections.

Sljedeći odjeljci sadrže više informacija o tome kako koristiti prikaz 2D za uređivanje 2D sadržaja i primjere stvaranja UI kontrola pomoću instanci osnovnih komponenti:

• 2D prikaz
• Izrada gumbâ
• Izrada skalabilnih gumba i okvira

Konvencije imenovanja

Uspostavite konvencije imenovanja kako biste održali organiziranost komponenti u svom korisničkom sučelju. Točno nazovite svoje komponente i dodijelite im odgovarajuće ID-ove. Posebno provjerite i izmijenite zadane nazive komponenti koje izvozite iz alata za dizajn kako biste stvorili pouzdana i samorazumljiva imena koja slijede uspostavljene konvencije imenovanja.

Na primjer, simbol gumba može imati ID myButton_symbol, a različiti slojevi mogu ga koristiti kao prefiks kojem se dodaju stanja, čime se dobivaju ID-ovi kao što je myButton_symbol_default. Kako biste se pripremili za dodatna područja za miš kasnije u projektu, za njih biste mogli koristiti slične ID-ove, kao što je myButton_symbol_hotspot. Kada koristite gumb kao instance na zaslonu, svakoj od tih instanci dodijelili biste jedinstveni ID koji se odnosi na taj zaslon. Na primjer, myButton_myMenu_home, myButton_myMenu_profile i myButton_myMenu_settings

Pretvorite instance komponenti u prilagođene komponente

Alternativan način stvaranja ponovno upotrebljivih komponenti jest pretvaranje instanci komponenti u prilagođene komponente njihovim premještanjem u zasebne datoteke komponenti (.ui.qml). Desnom tipkom miša kliknite na instancu komponente u prikazu Navigator ili 2D i u kontekstnom izborniku odaberite Create Component.

Novi komponenti dajte naziv i odaberite hoće li se svojstva postavljati za novu komponentu ili za originalnu.

Kada odaberete OK, stvara se nova datoteka komponente i primjerak komponente dodaje se u kod u trenutnoj datoteci komponente. Izgled vašeg korisničkog sučelja u prikazu 2D ne mijenja se.

Da biste otvorili novu datoteku komponente za uređivanje svojstava koja želite promijeniti za sve instance komponente, kliknite desnom tipkom miša na komponentu, a zatim u kontekstnom izborniku odaberite Go into Component. Za dodatne načine otvaranja osnovnih komponenti pogledajte Pomicanje unutar komponenti.

Prilagođene komponente su navedene u Components > My Components, i možete koristiti njihove instance za izradu novih komponenti.

Spajanje datoteka s predlošcima

Trenutnu datoteku komponente možete spojiti s postojećom drugom datotekom komponente koristeći drugu datoteku na način sličan korištenju CSS stila.

Za spajanje trenutne datoteke s predloškom, kliknite desnom tipkom miša na komponentu u prikazu Navigator ili 2D i u kontekstnom izborniku odaberite Merge with Template.

U polju Template odaberite datoteku koju ćete koristiti kao predložak.