Razvoj aplikacija za Ubuntu [QML]

Instaliranje Ubuntu SDK-a

ubuntu sdk je IDE koji nam pruža alate potrebne za razvoj aplikacije temeljene na QTCreator.

sudo apt-get install ubuntu-sdk

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

dokumentacija

Mnogo podataka možemo pronaći u tkanje 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 izradu aplikacije.

U Core Apps prikazuje nam web ubuntu-telefon-coreapps lanca 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.

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

Izrada aplikacije (klijent)

Da bismo vidjeli primjer, stvorit ćemo klijenta o kojem sam već malo govorio ovdje.

Izrađujemo novi projekt: Datoteka -> Nova datoteka ili projekt

I mi odabiremo Jednostavno dodirno sučelje. 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 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:

Izrađujemo 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 izrade 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 ih pomicati vodoravno, pa, učinimo to:

Svojstvo orijentacije dodajemo u prikaz popisa

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 koje naša aplikacija treba raditi, poput klika na sliku, pokazat će nam informacije, tražilicu znakova ... Ali primjer ćemo ostaviti ovdje.

Ambalaža

Napokon, moramo samo stvoriti svoj 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 datoteku .click 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 željenog, s druge strane s qml-om možete puno prilagoditi korisničko sučelje drugima, a također ima i komponente (komponente za radnu površinu) koji ostavljaju izgled kao da je gtk.