Entwickeln von Anwendungen für Ubuntu [QML]

Ubuntu SDK installieren

Ubuntu SDK ist eine IDE, die uns die Tools zur Verfügung stellt, auf denen wir eine Anwendung entwickeln können QTC-Ersteller.

sudo apt-get install ubuntu-sdk

Wenn es einmal installiert ist, öffnen wir es und es erscheint:

Dokumentation

Wir können viele Informationen in der finden Netz Ubuntu Entwickler, Tutorials, API ...

Innerhalb desselben Ubuntu SDK finden wir Abschnitte, aus denen wir lernen können, siehe Code ... Die Kategorien sind Hilfe, Wiki, Core Apps und API.

In der API finden wir alle Ubuntu api.Components 0.1, die die Komponenten sind, die wir zum Erstellen der App verwenden werden.

In Core Apps zeigt es uns das Web Ubuntu-Telefon-Coreapps von Launchpad, wo wir den Code mehrerer Anwendungen finden können. In der Hilfe finden Sie einige Handbücher, die uns den Einstieg erleichtern.

Web Hier finden wir ein Tutorial zum Parsen von JSON mit Qml und Javascript.

Erstellen einer Anwendung (eines Clients)

Um ein Beispiel zu sehen, erstellen wir einen Client, über den ich bereits ein wenig gesprochen habe hier.

Wir erstellen ein neues Projekt: Datei -> Neue Datei oder Projekt

Und wir wählen Simple Touch UI. Zum Zeitpunkt der Erstellung unseres Projekts wird es mit einigen Dateien und Ordnern strukturiert angezeigt. Wenn wir es jetzt ausführen, erhalten wir eine Beispielanwendung, die wir nicht oder teilweise als Basispunkt für die Erstellung unseres Projekts verwenden .

 

Wenn wir jetzt eine listView mit einem Modell hinzufügen, das die Json-Daten aus den Comics übernimmt, wie z. B. den Titel, haben wir:

Wir erstellen eine Datei mit dem Namen data.js. Um diese Datei zu erstellen, klicken Sie mit der rechten Maustaste auf das Projekt. Neue -> Qt -> JS-Datei hinzufügen:

Wir können sehen, wie wir den JSON analysieren, indem wir nur das Ergebnisarray verwenden, in dem wir für jedes Ergebnis den Titel erhalten.

console.log ist wie ein Druck für die Konsole.

Schließlich setzen wir in Marvel.qml oben ein, wo die Importe sind

import "data.js" as Data

Ergebnis:

Stellen wir uns vor, wir möchten unserer Anwendung ein besseres Aussehen verleihen, anstatt nur den Titel anzuzeigen, der ein Bild zeigt. und in der Lage sein, sie horizontal zu bewegen, weil wir es tun:

Wir fügen die Orientierungseigenschaft in der Listenansicht hinzu

orientation: ListView.Horizontal

Wir ändern auch den Text für ein Bild:

Image {
width: 200; height: 150
fillMode: Image.PreserveAspectFit
source: thumbnail+".jpg"
}

Und in der Datei data.js fügen wir das Miniaturbild hinzu

marvelModel.append({id: i.id, title: i.title, thumbnail: i.thumbnail.path});

Wir können das Ergebnis sehen:

Nun können wir eine Vielzahl von Funktionen für unsere Anwendung ausführen, z. B. das Klicken auf das Bild zeigt uns Informationen, eine Zeichensuchmaschine ... Aber wir werden das Beispiel hier belassen.

Verpackung

Schließlich müssen wir nur unser Paket erstellen, wir gehen zu Verpackung:

Wir können sehen, dass wir einige Felder ausfüllen müssen. Wenn Sie beispielsweise das Internet nutzen, geben wir, wenn alles fertig ist, ein Erstellungspaket, das eine .click-Datei erstellt, damit wir die Anwendung installieren können.

Schlussfolgerung (GTK3 oder QML)

In Bezug auf das Erscheinungsbild mag ich gtk persönlich sehr, aber der Grad der "Modifikation" lässt sehr zu wünschen übrig. Andererseits können Sie mit qml die Benutzeroberfläche stark an andere anpassen, es hat auch Komponenten (Desktop-Komponenten), die lass das Aussehen so, als wäre es gtk.