UI datoteke

Qt Quick Ako stvarate projekte UI Prototype ili prebacujete između načina rada Qt Creator i Qt Design Studio, vaši projekti mogu sadržavati UI datoteke (.ui.qml). Trebali biste ih uređivati samo u Qt Quick Designeru ili Qt Design Studio.

Po zadanom, Qt Creator otvara UI datoteke u načinu rada Design. Da biste ih otvorili pomoću Qt Design Studio, odaberite Open With > Qt Design Studio u kontekstualnom izborniku u prikazu File System ili Projects.

Sljedeće značajke nisu podržane u datotekama .ui.qml:

• JavaScript blokovi
• Ostale veze osim čistih izraza
• Signalni rukovatelji
• Stanja u drugim komponentama osim korijenske komponente
• Korijenske komponente koje nisu izvedene iz QQuickItem ili Item
• Referenciranje roditelja korijenske komponente

Sljedeće komponente nisu podržane:

• Ponašanje
• Povezivanje
• Platno
• Shader efekt
• Timer
• Transformacija

Podržane metode

Qt Creator podržava većinu JavaScript funkcija koje podržava QML engine, kao i podskup Qt QML metoda.

Ovaj odjeljak navodi funkcije koje možete koristiti u datotekama s ekstenzijom . .ui.qml.

JavaScript funkcije

Kao opće pravilo, podržane su čiste funkcije. One ovise samo o stanju parametara unutar svog opsega i mijenjaju ga, te stoga uvijek vraćaju iste rezultate kada im se daju isti parametri. To omogućuje pretvaranje i reformatiranje veza svojstava bez narušavanja .ui.qml datoteka.

Podržane su sljedeće JavaScript funkcije:

• charAt()
• charCodeAt()
• concat()
• endsWith()
• includes()
• indexOf()
• isFinite()
• isNaN()
• lastIndexOf()
• substring()
• toExponential()
• toFixed()
• toLocaleLowerCase()
• toLocaleString
• toLocaleUpperCase()
• toLowerCase()
• toPrecision()
• toString()
• toUpperCase()
• valueOf()

Osim toga, podržane su sve funkcije objekata Math i Date.

Za više informacija pogledajte Popis JavaScript objekata i funkcija.

Qt QML metode

Qt Creator podržava metode boja, pomoćne metode za stvaranje objekata određenih tipova podataka i metode prevođenja.

Podržane su sljedeće metode boja:

• Qt.darker()
• Qt.hsla()
• Qt.hsva()
• Qt.lighter()
• Qt.rgba()
• Qt.tint()

Podržane su sljedeće pomoćne metode:

• Qt.formatDate()
• Qt.formatDateTime()
• Qt.formatTime()
• Qt.matrix4x4()
• Qt.point()
• Qt.quaternion()
• Qt.rect()
• Qt.size()
• Qt.vector2d()
• Qt.vector3d()
• Qt.vector4d()

Podržane su sljedeće metode prevođenja:

• qsTr()
• qsTranslate()
• QT_TRANSLATE_NOOP()
• qsTrId()
• QT_TRID_NOOP()
• QT_TR_NOOP()

Za više informacija o korištenju metoda pogledajte Qt QML Methods.

Korištenje UI datoteka

Design Uređujte UI datoteke u načinu uređivanja koda. Da biste koristili komponente u kodu, izvezite ih kao svojstva:

Item {
    width: 640
    height: 480

    property alias button: button

    Button {
        anchors.centerIn: parent
        id: button
        text: qsTr("Press Me")
    }
}

Alias svojstva izvozi gumb u kod koji koristi obrazac. Možete koristiti gumb (Export) u Navigator za izvoz komponente kao svojstva:

U UI datoteci u kojoj se komponenta koristi možete, na primjer, koristiti alias svojstva button za implementaciju rukovatelja signalima. U sljedećem isječku koda UI datoteka se zove MainForm.ui.qml:

MainForm {
    anchors.fill: parent
    button.onClicked: messageDialog.show(qsTr("Button pressed"))
}

Također možete dodjeljivati svojstva ili definirati ponašanje ili prijelaze.

Da biste prešli iz prikaza 2D ili Navigator izravno na implementaciju komponente u datoteci .qml, kliknite desnom tipkom miša na komponentu i u kontekstnom izborniku odaberite Go to Implementation.