Korištenje UI komponenti

Kako: Korištenje UI komponenti

Komponenta se definira unutar jedne datoteke (s ekstenzijom ui.qml ili .qml). Na primjer, komponenta gumba može biti definirana u Button.ui.qml. Obično se vizualni izgled komponente definira u UI datoteci (ui.qml). Za izradu datoteka s komponentama možete koristiti predloške čarobnjaka ili premjestiti instance komponenti u zasebne datoteke s komponentama.

Prikaz Component -a prikazuje dostupne komponente.

Components prikazuje QML tipove iz Qt modula koje uvozite u projekt. Moduli sadrže vizualne komponente, kao što su osnovni oblici i UI kontrole, te dodaju funkcionalnost projektu.

Možete stilizirati UI kontrole tako da imaju izgled i dojam određenog operativnog sustava, kao što su macOS, Windows, Android ili iOS.

Neki moduli nemaju vidljivih komponenti. Na primjer, modul Qt.Multimedia dodaje podršku za audio i video datoteke u vaše korisničko sučelje.

Za više informacija o izradi vlastitih komponenti pogledajte odjeljak Izrada prilagođenih komponenti.

ID-ovi komponenti

Svaka komponenta i svaka instanca komponente imaju ID koji ih jedinstveno identificira i omogućuje povezivanje svojstava drugih komponenti s njima. ID mora biti jedinstven, mora započeti malim slovom ili znakom podcrtavanja i može sadržavati samo slova, brojeve i znakove podcrtavanja.

Za više informacija pogledajte atribut id.

Ekonomično korištenje komponenti

Komponente imaju troškove izvedbe. Kako biste učinkovito i ekonomično koristili komponente:

• Komponencijalizirajte svoj dizajn pakiranjem resursa u ponovno upotrebljive komponente koje se mogu praktično ponovno kombinirati kako bi odgovarale potrebama vašeg korisničkog sučelja.
• Koristite što je moguće manje komponenti. Kako biste smanjili broj komponenti, koristite alias svojstva i stanja za stvaranje razlika u vašim instancama komponenti. Preporučujemo ponovnu upotrebu komponenti umjesto njihove duplikacije, tako da komponente ne moraju biti obrađene kao potpuno nove vrste komponenti. To smanjuje vrijeme učitavanja i kompilacije, kao i veličinu binarnog datoteka.
• Svi sadržaji koji se temelje na podacima trebali bi se izvesti kao javna svojstva (alias svojstva) relevantne komponente. Na primjer, brzinomjer bi trebao imati svojstvo int ili real za brzinu na koju je korisnički sučelje vezan.
• Odvojite korisnički sučelje od aplikacijske logike. Dizajneri bi trebali raditi s datotekama korisničkog sučelja (.ui.qml), dok bi programeri trebali raditi na pripadajućim implementacijskim datotekama (.qml) kako bi definirali njihovo programsko ponašanje ili JavaScript. To omogućuje iteraciju s obje strane procesa, dizajnerske i razvojne, bez rizika od prepravljanja tuđeg rada.