QML

QML

Tipus	llenguatge de programació, reactive programming language (en) , llenguatge de programació declaratiu i user interface markup language (en)
Data de creació	2009 (2009)
Desenvolupador	Qt Project
Paradigma de programació	Multiparadigma
Darrera versió estable	6.4
Tipus de dades	Forta, dinàmica
Majors implementacions	5.5.0
Influenciat per	JavaScript, Qt
Ha influenciat	Qt
Sistema operatiu	Multiplataforma
Extensió dels fitxers	qml
Llicència	Python Software Foundation License
Pàgina web	qt-project.org/doc/qt-5/qmlapplications.html

QML (de l'anglès, Qt Meta Language) és un llenguatge basat en JavaScript creat per dissenyar aplicacions enfocades a la interfície d'usuari.

És part de Qt Quick, el kit d'Interfície d'usuari creat per Digia al costat de l'entorn de treball Qt. El llenguatge QML s'usa principalment per a aplicacions mòbils, on l'entrada tàctil, les animacions fluides i una bona experiència d'usuari són crucials. Els documents QML descriuen un arbre d'elements. Els elements de QML que venen per defecte amb Qt són un sofisticat conjunt de blocs, elements gràfics (com a rectangles o imatges) i comportaments (com a animacions i transicions). Aquests elements poden ser combinats per construir components més complexos, per completar aplicacions connectades a Internet.

Un exemple d'aquest tipus d'aplicacions es pot trobar en la plataforma per a dispositius tàctils de Canonical: Ubuntu Touch, on el llenguatge QML és un dels pilars del sistema operatiu. El sistema operatiu de Nokia MeeGo també disposava de suport per a aquestes aplicacions.

Els elements de QML poden tenir funcionalitats afegides usant codi Javascript, ja sigui en el mateix arxiu o aportant arxius .js. Així mateix, QML pot tenir característiques esteses en C++ usant l'entorn de treball de Qt.

Semàntica i Sintaxi

Exemple d'una aplicació creada amb QML

Exemple de Codi QML:

import QtQuick 1.1

 Rectangle {
 id: canvas
 width: 200
 height: 200
 color: "#00dd44"

 Image {
 id: logo
 source: "logos/qt.png"
 x: 130
 y: 40
 }

 Text {
 id: message
 color: "white"
 text: "Hola Mundo"
 font.pointSize: 20
 font.family: "Ubuntu"
 anchors.centerIn: parent
 }
 }

Els objectes s'identifiquen sempre pel seu tipus, seguits d'unes claus. Els objectes comencen sempre amb majúscula. En aquest exemple hi ha tres objectes: Rectangle i els seus dos fills: Image i Text. Dins de les claus es poden especificar les propietats de l'objecte. Aquestes propietats es marquen com: propietat: valor. En aquest exemple es pot veure que Text (l'últim objecte) té una propietat anomenada text, el valor de la qual és una cadena: "Hola Món". Aquests dos elements estan separats per dos punts.

Vegeu també

• JavaScript
• Ubuntu Touch

Enllaços externs

• Documentació de referència de QML
• Qt Blog
• Tutorial QML