QML | ||
---|---|---|
Utvikler(e) | ||
Digia , Qt Project https://doc.qt.io/qt-5/qmlapplications.html | ||
Generell informasjon | ||
Vanlige utvidelser | .qml | |
Paradigme | Multiparadigme : Deklarativ , skript | |
Dukket opp i | 2009 | |
Siste stabile versjon | 5.14.2 (1. april 2020 [ 1 ] ) | |
type system | dynamisk , sterk | |
påvirket av | JavaScript , Qt | |
QML (fra engelsk, Qt Meta Language ) er et JavaScript -basert språk laget for å designe applikasjoner fokusert på brukergrensesnittet. Det er en del av Qt Quick, brukergrensesnittsettet laget av Digia sammen med Qt - rammeverket . QML-språket brukes først og fremst til mobile applikasjoner, hvor berøringsinndata, jevne animasjoner og en god brukeropplevelse er avgjørende. QML-dokumenter beskriver et tre med elementer. QML-elementene som kommer som standard med Qt er et sofistikert sett med blokker, grafiske elementer (som rektangler eller bilder) og atferd (som animasjoner og overganger). Disse elementene kan kombineres for å bygge mer komplekse komponenter, for å fullføre applikasjoner koblet til Internett.
Et eksempel på denne typen applikasjoner finner du på Canonicals plattform for berøringsenheter : Ubuntu Phone , hvor QML-språket er en av pilarene i operativsystemet. Operativsystemet Nokia MeeGo hadde også støtte for disse applikasjonene.
QML-elementer kan ha funksjonalitet lagt til ved hjelp av JavaScript-kode, enten i samme fil eller ved å bidra med .js-filer. QML kan også ha utvidede funksjoner i C++ ved å bruke Qt - rammeverket .
QML-kodeeksempel:
importer QtQuick 1.1 Rektangel { id: lerretsbredde : 300 høyde: 200 farge: "#00dd44" Bilde { id: logokilde : "logos/qt.png" x: 130 år: 40 } Tekst { id: meldingsfarge : "hvit" tekst: "Hello World" font.pointSize: 20 font.family: "Ubuntu" anchors.centerIn: parent } }Objekter identifiseres alltid etter type, etterfulgt av krøllede parenteser. Objekter begynner alltid med stor bokstav. I dette eksemplet er det tre objekter: Rektangel og dets to barn: Bilde og Tekst . Inne i klammeparentesene kan du spesifisere egenskapene til objektet. Disse egenskapene er merket som: egenskap: verdi . I dette eksemplet kan du se at Text (det siste objektet) har en egenskap kalt text , hvis verdi er en streng: "Hello World" . Disse to elementene er atskilt med et kolon.