Stvorite oblike

Qt Quick Designer je alat za dizajn korisničkog sučelja, a ne opći alat za crtanje, stoga je fokus na pružanju gotovih UI kontrola koje možete prilagoditi svojim potrebama. Vrijednosti nekih svojstava kontrola definiraju se stilovima i stoga ih ne možete mijenjati.

Međutim, neke od komponenti u odjeljku Komponente možete koristiti za crtanje osnovnih oblika, kao što su pravokutnici. Osim toga, možete instalirati Qt Quick Shapes Design Helpers modula za stvaranje složenijih oblika, kao što su elipsa, poligon i zvijezda u prikazu 2D.

Većina vizualnih komponenti u Components u temelji se na komponenti Item. Iako sama nema vizualni prikaz (slično kao područje miša, na primjer), ona definira sva svojstva koja su zajednička svim vizualnim komponentama, kao što su položaj, veličina i vidljivost. Za više informacija pogledajte odjeljak Postavljanje osnovnih svojstava komponente.

Osim toga, svaka komponenta ima skup svojstava koja određuju njezin vizualni izgled i ponašanje. Možete mijenjati vrijednosti svojstava kako biste postavili boje ispune i obruba, debljinu crte i druge značajke oblika.

Sljedeći odjeljci detaljnije opisuju dostupne oblike i njihove svojstva. Vrijednosti svojstava možete mijenjati u prikazu " Properties ".

Romb

Osnovna komponenta Rectangle koristi se za crtanje oblika s četiri strane i kutom, kao i s punom obodnicom.

Rombovi se mogu ispuniti ili jednobojnom bojom ili linearnim gradijentom koji postavite u polje Fill color. Također možete koristiti odabirač boja za odabir boja i odabirač gradijenata za odabir gradijenata iz unaprijed definiranog skupa WebGradients.

Pravokutu se može dodati opcionalna puna oboda vlastite boje i debljine postavom vrijednosti polja Border color i Border width. Za stvaranje obode bez boje pozadine odaberite gumb koji postavlja boju na prozirnu.

Postavljanjem vrijednosti polja Radius možete stvoriti oblike s zaobljenim kutovima. S pravom kombinacijom vrijednosti svojstava širine, visine i radijusa pravokutnika možete stvoriti ovalne i kružne oblike. Na primjer, da biste nacrtali puni krug, prvo nacrtajte pravokutnik sa svim četirima stranicama jednake duljine, a zatim postavite njegov radijus na polovicu duljine stranice.

Prilikom crtanja zakrivljenih rubova razmislite o omogućavanju opcije Antialiasing u odjeljku Advanced kako biste poboljšali izgled oblika.

RectangleShape

Ako želite neovisno mijenjati svaki kut pravokutnika ili koristiti isprekidan rub, stvorite instancu komponente RectangleShape dostupne u Components > Qt Quick Shapes Design Helpers umjesto osnovne komponente Rectangle dostupne u Default Components > Basic.

Postavljanjem vrijednosti svojstava u odjeljku Corner Radiuses možete neovisno iscrtati svaki kut. Korištenjem vrijednosti polumjera u kombinaciji s vrijednostima u odjeljku Corner Bevel možete stvoriti oblike s izrezanim kutovima.

Osim linearnog gradijenta, u polju Fill color možete navesti konusni i radijalni gradijent.

U odjeljku Stroke Details možete odrediti način obrube, stil linije i uzorak prekida za prekidane i točkaste linije.

EllipseShape

Da biste dodali punu elipsu, luk ili popunjenu krišku kolača, stvorite instancu komponente EllipseShape dostupne u Components > Qt Quick Shapes Design Helpers. Postavite Start angle i Sweep angle kako biste kontrolirali izgled oblika.

Po zadanom tip prikazuje punu elipsu. Unutrašnjost je ispunjena pomoću Fill color, a obrisi se crtaju prema Stroke color, Stroke width i Stroke style.

Za stvaranje luka ili kriške kola, postavite Start angle i Sweep angle na vrijednosti od 0 do 360 stupnjeva kako biste definirali segment elipse koji će se iscrtati.

Za stvaranje jednostavnog luka (samo obrisa), postavite Fill color na Transparent. Stil linije luka može se prilagoditi pomoću Dash pattern i Dash offset.

Za stvaranje popunjene kriške pite (segmenta povezanog s centrom), postavite Fill color. Kontura kriške također će biti iscrtana.

Za izradu prstena u obliku krafne (šuplje elipse), postavite Inner arc ratio na vrijednost između 0,0 i 1,0. Time se definira omjer radijusa unutarnje i vanjske elipse.

Područje unutar crte boji se pomoću jednobojnog punjenja postavljenog u Fill color ili gradijenta definiranog jednim od tipova Shape gradient i postavljenog u Fill gradient. Ako postavite i boju i gradijent, koristi se gradijent.

Za dodavanje opcionalne granice s vlastitom bojom i debljinom postavite Stroke color i Stroke width. Postavite boju na prozirnu kako biste stvorili granicu bez boje pozadine.

Za iscrtavanje elipse s zaobljenim kutovima postavite Corner radius.

RegularPolygonShape

Redoviti poligon može biti samo 2D poligon u obliku konture, popuna ili kontura s popunom. Postavite Stroke Details kako biste promijenili izgled konture.

Područje unutar oboda boji se jednobojnom bojom ili gradijentom. Ako postavite i boju i gradijent, primjenjuje se gradijent.

Za crtanje poligona s obrisom postavite Side count na vrijednost između 3 i 100 i Stroke width na vrijednost veću od 0.

Za iscrtavanje poligona s zaobljenim kutovima postavite Corner radius.

StarShape

Zvijezda može biti obris u obliku zvijezde, popuna ili obris s popunom. Postavite Stroke Details kako biste promijenili izgled obrysa.

Postavite Point count između 3 i 60 kako biste odredili broj vrhova zvijezde. Postavite omjer između 0,1 i 1 kako biste odredili udaljenost unutarnjih vrhova zvijezde od središta.

Područje unutar crte boji se jednobojnom bojom ili gradijentom. Ako postavite i boju i gradijent, primjenjuje se gradijent.

Za izradu zvijezde s obrisom postavite Side count između 3 i 100 i Stroke width na više od 0.

Za iscrtavanje zvijezde s zaobljenim kutovima postavite Corner radius.

Sažetak komponenti oblika

Sljedeća tablica navodi komponente koje možete koristiti za crtanje oblika. Kolona Lokacija označava lokaciju komponente u Components u. Kolona podrška za MCU označava koje su komponente podržane na MCU-ima.

Ikona	Naziv	Lokacija	Podrška za MCU	Namjena
	EllipseShape	Komponenta oblika koja može iscrtati elipsu, luk ili kriški kolač.	Ne
	Romb	Zadane komponente - Osnovne	Da	Pravokutnik koji je obojen punom bojom ili linearnim gradijentom i opcionalnom obručom. Možete koristiti svojstvo polumjera za iscrtavanje krugova.
	Rektangularni oblik	Qt Quick Pomoćnici za dizajn oblika	Ne	Prošireni pravokutnik koji je obojen jednobojnom bojom ili linearni, konusni ili radijalni gradijent, s kutovima koje možete oblikovati neovisno jedne o drugima.
	RegularPolygonShape	Qt Quick Pomoćnici za dizajn oblika	Ne	Ispunjeni redoviti višekut s opcionalnom obručom.
	Zvjezdasti oblik	Qt Quick Pomoćnici za dizajn oblika	Ne	Ispunjeni poligon u obliku zvijezde s opcionalnom granicom.