LinuxUser Skripten und Coden (Vorschau)

QML/​Qt Quick
Schwerpunkt
Projekt und wählen rechts davon
Neue Qt Quick-Anwendung.
Die Software bietet auch die
Möglichkeit, ein reines UI-Projekt
zu beginnen. Ein Klick auf
Auswählen startet den Projekt-
Assistenten.
Im nächsten Schritt geben
Sie zunächst Name und Pfad
zur gewünschten Projektdatei
an. Im folgenden Schritt belassen
Sie die Voreinstellung bei
Nur eingebaute Elemente (Alle
Plattformen). Fortgeschrittene
Nutzer können an dieser Stelle
vorgefertigte Komponenten
einbinden, wie etwa Schaltflächen.
Das klappt aber momentan
nur für die Plattformen
Symbian oder Meego/​Harmattan.
Möchten Sie dagegen eine
Oberfläche für ein Plasma-Widget
bauen, gilt es, sämtliche
Elemente vorerst noch von
Grund auf neu zu erzeugen. Alternativ
laden Sie eine bereits
vorhandene QML-Datei.
Im nächsten Schritt Ziel einrichten
geht es um die Frage,
auf welcher Plattform Sie die App später
testen möchten. Hier steht im Beispiel
nur Desktop bereit. Nach einem Klick auf
Details haben Sie die Möglichkeit, die
Build-Konfiguration zu beeinflussen. Der
Schritt Projektverwaltung dient dazu, die
Projektdaten unter eine Versionsverwaltung
wie Git zu stellen oder das aktuelle
Projekt zu einem Unterprojekt eines
existierenden Projektes zu machen.
Mit einem Klick auf Abschließen legt
Qt Creator das neue Projekt an und zeigt
im Haupt-Arbeitsbereich den Editor mit
dem Quellcode der Datei main.qml. Die
tut nicht viel mehr, als den Text „Hello
World“ in einem rechteckigen Fenster
anzuzeigen, wovon Sie sich mit einem
Klick auf die Schaltfläche Design leicht
überzeugen 1 .
Im Editor-Modus finden Sie links die
Baumstruktur mit den Daten. Im Order
Quelldateien liegt unter anderem die Datei
main.cpp. Sie enthält den umgebenden
Code in C++, während der Ordner
QML die Datei main.qml beherbergt.
1 Im Designer bauen Sie Ihre QML-Oberflächen mit wenigen Mausklicks zusammen.
Das obere der beiden grünen Dreieck-
Symbole im unteren Teil der Navigation
dient dazu, die neu entworfene Anwendung
zu kompilieren und auszuführen,
das untere ermöglicht das Debuggen.
Mit dem Computer-Icon direkt über dem
Kompilieren-Symbol wählen Sie dagegen
die Test-Plattform aus 2 .
Code-Basis
Der Designer ist der grafische Editor für
Ihre QML-Oberfläche. Da Sie im Beispiel
für eine KDE-Desktop-App keinen Zu-
QML: Die „Qt Meta Language“ oder „Qt Modeling
Language“ ermöglicht es, die Eigenschaften
der Oberfläche in einer einfachen
Syntax zu definieren. Das Umsetzen übernimmt
anschließend die jeweilige Implementation
einer Sprache.
Qt Quick: Ein Akronym für „Qt User Interface
Creation Kit“. Dahinter verbergen sich
eine Sammlung von QML-Typen zum Erzeugen
von grafischen Oberflächen sowie die
passenden Module in C++ zum Verbinden
der Oberfläche mit einer Applikation.
2 Die Werkzeugleiste zum Kompilieren und Ausführen des Codes.
06.2013 www.linux-user.de
19