Stvaranje gumba

Za stvaranje komponente gumba:

1. Odaberite File > New File > Qt Quick Files > Qt Quick UI File > Choose za stvaranje UI datoteke naziva Button.ui.qml (na primjer).

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

2. Odaberite Design za uređivanje datoteke u prikazu 2D.
3. U Navigator odaberite Item i postavite širinu (W) i visinu (H) gumba u Properties.
4. Povucite Rectangle iz Components > Default Components > Basic na komponentu u Navigator. Time se stvara ugniježđena komponenta u kojoj je Item roditelj Rectanglea. Komponente se pozicioniraju relativno u odnosu na svoje roditelje.
5. U prikazu Properties izmijenite izgled pravokutnika:
   • U polju Color odaberite boju gumba.
   • U polju Radius postavite radijus pravokutnika kako biste dobili zaobljene kutove za gumb.
   • Odaberite Layout, a zatim odaberite gumb (Fill to Parent) kako biste pričvrstili pravokutnik za stavku.
6. Povucite komponentu Text na Item u Navigator u.
7. U prikazu Properties uredite svojstva komponente Text:
   • U polje Text unesite Button.

     Možete odabrati boju teksta u polju Text color te font, veličinu i stil u odjeljku Font.

   • U polju Alignment odaberite 'Center Buttons' kako biste poravnali tekst u središtu gumba.
   • Odaberite Layout > Fill to Parent kako biste pričvrstili tekst na cijelo područje gumba.
8. Odaberite Ctrl+S za spremanje gumba.

   

Da bi komponenta gumba bila korisna, mora biti kreirana u projektu. Kada radite na drugim datotekama u projektu za izradu zaslona ili drugih komponenti za korisničko sučelje, komponenta gumba pojavljuje se u Components > My Components. Možete je koristiti za izradu instanci gumba i izmjenu njihovih svojstava kako biste im dodijelili korisne ID-ove, promijenili njihov izgled i postavili tekst gumba za svaku instancu gumba, na primjer.

Za izradu grafičkog gumba koji se lijepo skalira bez upotrebe vektorske grafike upotrijebite komponentu BorderImage. Za više informacija pogledajte odjeljak Izrada skalabilnih gumba i okvira.