Evoluantaj Aplikoj por Ubuntu [QML]

Instalante Ubuntu-SDK

ubuntu sdk estas IDE, kiu provizas al ni la ilojn, kiujn ni bezonas por disvolvi programon bazitan sur QTCreator.

sudo apt-get install ubuntu-sdk

Se iam instalita ni malfermas ĝin kaj ĉi tio aperos:

dokumentado

Ni povas trovi multajn informojn en la retejo Programistoj de Ubuntu, lerniloj, API ...

En la sama Ubuntu SDK ni povas trovi sekciojn, el kiuj ni povas lerni, vidi kodon ... La kategorioj estas Helpo, Vikio, Kernaj Programoj kaj API.

En API ni povas trovi ĉiujn Ubuntu-api.Components 0.1, kiuj estas la eroj, kiujn ni uzos por krei la programon.

En Core Apps ĝi montras al ni la retejon ubuntu-phone-coreapps de lanĉejo, kie ni povas trovi la kodon de pluraj aplikoj. En Helpo ni povas vidi iujn manlibrojn, kiuj helpos nin komenci.

retejo kie ni povas trovi lernilon por analizi json per qml kaj Javaskripto.

Krei aplikaĵon (Kliento)

Por vidi ekzemplon ni kreos klienton, pri kiu mi jam iomete parolis ĉi tie

Ni kreas novan projekton: Dosiero -> Nova Dosiero aŭ Projekto

Kaj ni elektas Simple Touch UI. En la momento, kiam ni kreis nian projekton, ĝi aperos strukturita, kun iuj dosieroj kaj iuj dosierujoj, se ni funkcios nun ni ricevos ekzemplan aplikaĵon, kiun ni ne uzos aŭ parte uzos kiel bazan punkton por krei la nian.

 

Se nun ni aldonas listView kun modelo, kiu prenas la Json-datumojn de la bildstrioj, kiel ekzemple la titolo, ni havos:

Ni kreas dosieron nomatan data.js, por krei ĉi tiun dosieron dekstre alklaku la projekton Aldoni novan -> Qt -> JS-dosieron:

Ni povas vidi kiel ni analizas la json prenante nur la rezultaranĝon kie por ĉiu rezulto ni akiros ĝian titolon.

console.log estas kiel fari presadon por konzolo.

Fine ni enmetas marvel.qml supre kie estas la importoj

import "data.js" as Data

Rezulto:

Ni imagu, ke ni volas doni al nia apliko pli bonan aspekton, ekzemple anstataŭ montri nur la titolon, kiu montras bildon. kaj povu movi ilin horizontale, nu, ni faru ĝin:

Ni aldonas la orientiĝan econ en la listvido

orientation: ListView.Horizontal

Ni ankaŭ ŝanĝas la Tekston por bildo:

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

Kaj en la datumo.js ni aldonas la bildeton

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

Ni povas vidi la rezulton:

Nu nun ni povus plenumi multajn funkciojn por nia apliko, ekzemple alklaki la bildon montros al ni informojn, serĉilon de signoj ... Sed ni lasos la ekzemplon ĉi tie.

pakita

Fine, ni nur devas krei nian pakon, ni iras al Pakado:

Ni povas vidi, ke ni devas plenigi iujn kampojn. Kiel ekzemple se vi uzas la interreton ..., kiam ni havas ĉion kompletan, ni donas krei pakaĵon, kiu kreos .click-dosieron por ke ni povu instali la aplikaĵon.

Konkludo (GTK3 aŭ QML)

Rilate aspekton, mi persone multe ŝatas gtk sed la grado de "modifo" de ĉi tio multe deziras, aliflanke per qml vi povas agordi la UI multe al aliaj, ĝi ankaŭ havas Komponentojn (Labortablaj Komponantoj), kiuj lasas la aspekton kiel se temus pri gtk.