Razvoj aplikacija za Ubuntu [QML]

Instaliranje Ubuntu SDK-a

ubuntu sdk je IDE koji nam pruža alate na kojima trebamo razviti aplikaciju QTCreator.

sudo apt-get install ubuntu-sdk

Ako je jednom instaliramo, otvorimo je i pojavit će se:

Dokumentacija

Mnogo informacija možemo pronaći u veb Ubuntu programeri, vodiči, api ...

Unutar istog Ubuntu SDK-a možemo pronaći odjeljke iz kojih možemo učiti, vidjeti kod ... Kategorije su Help, Wiki, Core Apps i API.

U API-ju možemo pronaći sve Ubuntu api.Components 0.1 koji su komponente koje ćemo koristiti za stvaranje aplikacije.

U osnovnim aplikacijama prikazuje nam mrežu ubuntu-telefon-coreapps launchpad-a, gdje možemo pronaći kod nekoliko aplikacija. U pomoći možemo vidjeti nekoliko priručnika koji će nam pomoći da započnemo.

veb gdje možemo pronaći vodič za raščlanjivanje json-a pomoću qml-a i javascripta.

Izrada aplikacije (klijent)

Da vidimo primjer, stvorit ćemo klijenta o kojem sam već malo govorio ovde

Kreiramo novi projekt: Datoteka -> Nova datoteka ili projekt

I odabiremo Simple Touch UI. U vrijeme kada smo kreirali naš projekt, izgledat će strukturirano, s nekim datotekama i mapama, ako sada pokrenemo, dobit ćemo primjer aplikacije, koju nećemo koristiti ili ćemo djelomično koristiti kao osnovnu točku za stvaranje našeg.

 

Ako sada dodamo listView s modelom koji uzima Json podatke iz stripa, poput naslova, imat ćemo:

Kreiramo datoteku koja se zove data.js, da bismo je stvorili, kliknite projekt desnom tipkom miša Dodaj novu -> Qt -> JS datoteku:

Možemo vidjeti kako raščlanjujemo json uzimajući samo polje rezultata gdje ćemo za svaki rezultat dobiti njegov naslov.

console.log je poput ispisa za konzolu.

Na kraju smo gore stavili marvel.qml gdje je uvoz

import "data.js" as Data

Rezultat:

Zamislimo da svojoj aplikaciji želimo dati bolji izgled, na primjer, umjesto da prikazujemo samo naslov koji prikazuje sliku. i moći ćemo ih pomicati vodoravno, pa, učinimo to:

Dodamo svojstvo orijentacije u prikaz liste

orientation: ListView.Horizontal

Također mijenjamo tekst za sliku:

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

A u data.js dodajemo sličicu

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

Rezultat možemo vidjeti:

Pa, sada bismo mogli obaviti mnoštvo funkcija za našu aplikaciju, poput klika na sliku, pokazat će nam informacije, pretraživač znakova ... Ali primjer ćemo ostaviti ovdje.

pakovanje

Konačno, moramo samo stvoriti naš paket, idemo na Packaging:

Vidimo da moramo popuniti neka polja. Kao na primjer ako koristite Internet ..., kada sve završimo, dajemo create paket koji će stvoriti .click datoteku kako bismo mogli instalirati aplikaciju.

Zaključak (GTK3 ili QML)

Što se tiče izgleda, osobno mi se gtk jako sviđa, ali stupanj "modifikacije" ovoga ostavlja mnogo želja, s druge strane s qml-om možete mnogo prilagoditi korisničko sučelje drugima, a također ima i komponente (komponente računara) koje izgled ostavljaju kao da je gtk.