Toepassings vir Ubuntu [QML] ontwikkel

Installeer Ubuntu SDK

ubuntu sdk is 'n IDE wat ons die gereedskap bied wat ons nodig het om 'n toepassing op te stel QTCreator.

sudo apt-get install ubuntu-sdk

As dit een keer geïnstalleer is, maak ons ​​dit oop en dit sal verskyn:

dokumentasie

Ons kan baie inligting in die web Ubuntu-ontwikkelaars, tutoriale, api ...

Binne dieselfde Ubuntu SDK kan ons afdelings vind waaruit ons kan leer, sien kode ... Die kategorieë is Help, Wiki, Core Apps en API.

In API kan ons al die Ubuntu-api-komponente 0.1 vind wat die komponente is wat ons sal gebruik om die app te skep.

In Core Apps wys dit vir ons die web ubuntu-telefoon-coreapps van die launchpad waar ons die kode van verskeie toepassings kan vind. In Help kan ons 'n paar handleidings sien wat ons kan help om aan die gang te kom.

web waar ons 'n handleiding kan vind om json met qml en javascript te ontleed.

Skep 'n aansoek ('n kliënt)

Om 'n voorbeeld te sien, skep ons 'n kliënt waarvan ek al 'n bietjie gepraat het hier.

Ons skep 'n nuwe projek: Lêer -> Nuwe lêer of projek

En ons kies Simple Touch UI. Op die oomblik dat ons ons projek geskep het, sal dit gestruktureerd lyk, met sommige lêers en 'n paar vouers. As ons nou werk, kry ons 'n voorbeeldtoepassing wat ons nie sal gebruik nie, of gedeeltelik as basispunt om ons s'n te skep.

 

As ons nou 'n lysweergawe byvoeg met 'n model wat die Json-data uit die strokiesprente neem, soos die titel, sal ons hê:

Ons skep 'n lêer genaamd data.js, om hierdie lêer te skep, klik met die rechtermuisknop op die projek Voeg nuwe by -> Qt -> JS-lêer:

Ons kan sien hoe ons die json ontleed deur slegs die resultate te neem waar ons die titel vir elke resultaat sal kry.

console.log is soos om 'n afdruk vir console te doen.

Laastens sit ons marvel.qml hierbo waar is die invoer

import "data.js" as Data

Die resultaat:

Stel ons voor dat ons ons toepassing 'n beter voorkoms wil gee, in plaas daarvan om slegs die titel wat 'n beeld toon, te vertoon. en in staat wees om hulle horisontaal te beweeg, wel, laat ons dit doen:

Ons voeg die oriëntasie-eienskap in die lysweergawe by

orientation: ListView.Horizontal

Ons verander ook die teks vir 'n beeld:

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

En in die data.js voeg ons die kleinkiekie by

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

Ons kan die resultaat sien:

Nou, ons kan 'n menigte funksies doen vir ons toepassing, soos om op die afbeelding te klik om inligting te toon, 'n karakter-soekenjin ... Maar ons sal die voorbeeld hier agterlaat.

Packaging

Uiteindelik hoef ons net ons pakket te maak, ons gaan na Verpakking:

Ons kan sien dat ons sommige velde moet invul. As u byvoorbeeld die internet gebruik ... gee ons 'n pakketpakket wat 'n .click-lêer sal skep sodat ons die toepassing kan installeer as ons alles voltooi het.

Gevolgtrekking (GTK3 of QML)

Wat voorkoms betref, hou ek persoonlik van gtk baie, maar die mate van "aanpassing" hiervan laat veel te wense oor, aan die ander kant, met qml kan u die UI baie aanpas aan ander, dit het ook komponente (Desktop Components) wat die voorkoms as as dit gtk was.