QML | |
---|---|
Nyelvóra | deklaratív , scripting |
Megjelent | 2009 |
Fejlesztő | Qt projekt |
Fájlkiterjesztés _ | .qml |
Kiadás | 6.3.2 [1] (2022. szeptember 12. ) |
Befolyásolt | JavaScript , Qt , CSS |
Weboldal | doc.qt.io/qt-5/qtquick-q… |
A QML ( Qt Meta Language vagy Qt Modeling Language [2] ) egy JavaScript - környezeten alapuló deklaratív programozási nyelv . A QML-t olyan alkalmazások fejlesztésére használják, amelyek a felhasználói felületre [3] és általában a grafikus rész tervezésére összpontosítanak. A Qt Quick része , egy Qt - vel terjesztett felhasználói felület - fejlesztő környezet . Gyakran használják olyan alkalmazások létrehozására, amelyek érintésvezérlésű mobileszközöket céloznak meg.
A QML dokumentum elemekből álló fa. A QML elem [4] , akárcsak a Qt elem, blokkok gyűjteménye: grafikus (például téglalap, kép) és viselkedésbeli (például állapot, átmenet, animáció). Ezek az elemek kombinálhatók összetett komponensek létrehozásához, az egyszerű gomboktól és csúszkáktól a teljes webes alkalmazásokig.
A QML elemek szabványos JavaScript beillesztésekkel bővíthetők .js fájlok beágyazásával. A Qt keretrendszeren keresztül C++ komponensekkel is bővíthetők .
A QML egy jelölőnyelv; JavaScript futtatókörnyezete a V4 egyéni motor volt, [5]
A QML és a JavaScript kódok natív C++ binárisokká fordíthatók a Qt Quick Compiler segítségével. [6] A fejlesztés kényelme érdekében létezik egy QML gyorsítótár fájlformátum [7] , amely dinamikusan menti a QML lefordított verzióját, hogy a következő alkalommal gyorsabban indulhasson el.
Példa:
import QtQuick 1.0 Téglalap { azonosító : vászon szélessége : 200 magasság : 200 szín : "kék" Kép { azonosítója : logó forrása : "pics/logo.png" x : vászon . magasság / 5 } Text { id : message color : "white" text : "Hello World!" horgonyok . centerIn : szülő } }Az objektumok típusa szerint vannak megadva, a kapcsos zárójelek előtt. Az objektumtípusok mindig nagybetűvel kezdődnek. A fenti példában két objektum van: Kép és szöveg. A göndör kapcsos zárójelben megadhat információkat az objektumról, például annak tulajdonságait. A tulajdonságok a következőképpen vannak megadva: <tulajdonság>: <érték>. Ebben a példában az Image objektum forrástulajdonsága "pics/logo.png" értékre van állítva. Az ingatlan és annak értéke kettősponttal van elválasztva.
A hagyományos nyelvek érték-hozzárendelésétől eltérően a QML-ben a kettőspont egy tulajdonságot és annak értékét társítja . Tehát a példában az „x” tulajdonság a „canvas.height / 5” képlet kiszámításával kapott értékkel van társítva, és a Rectangle objektum magasságának (magasságának) bármilyen változásával a vízszintes helyzet (x) a beillesztett kép automatikusan a téglalap magasságának ötödére változik.
Mivel a QML és a JavaScript nagyon hasonlóak, bármilyen JavaScriptet támogató fejlesztői környezet használható a QML-lel való együttműködéshez. Ezenkívül a szintaktikai kiemelés, a kódkiegészítés, a beépített súgórendszer és a hibakereső teljes támogatása elérhető a Qt Creator IDE keresztplatformos fejlesztői környezetben (2.1-től és újabb verziótól).
Qt | |
---|---|
Technológia | |
Eszközök | |
Kötések | |
Kapcsolódó témák |