Rakenduste arendamine Ubuntu jaoks [QML]

Ubuntu SDK installimine

ubuntu sdk on IDE, mis pakub meile tööriistu, mille põhjal peame rakenduse välja töötama QTCreator.

sudo apt-get install ubuntu-sdk

Kui see on installitud, avame selle ja see ilmub:

dokumentatsioon

Lehelt leiate palju teavet web Ubuntu arendajad, õpetused, api ...

Samast Ubuntu SDK-st võime leida jaotisi, millest saame õppida, vaadake koodi ... Kategooriad on Abi, Wiki, Põhirakendused ja API.

API-st leiame kõik Ubuntu api. Komponendid 0.1, mis on komponendid, mida rakenduse loomiseks kasutame.

Põhirakendustes näitab see meile veebi ubuntu-telefon-coreapps käivitusplaadist, kust leiame mitme rakenduse koodi. Abis näeme mõningaid kasutusjuhendeid, mis aitavad meil alustamist.

võrk kust leiame õpetuse jsoni sõelumiseks qml ja javascripti abil.

Rakenduse (kliendi) loomine

Näite nägemiseks loome kliendi, kellest ma juba natuke rääkisin siin.

Loome uue projekti: Fail -> Uus fail või projekt

Ja valime valiku Simple Touch UI. Sel ajal, kui oleme oma projekti loonud, näib see struktureerituna koos mõne faili ja kaustaga. Kui me nüüd käivitame, saame näite rakenduse, mida me ei kasuta ega kasuta osaliselt oma loomiseks baaspunktina.

 

Kui nüüd lisame nimekirja View koos mudeliga, mis võtab Jsoni andmed koomiksitest, näiteks pealkirja, on meil:

Loome faili nimega data.js, selle faili loomiseks paremklõpsake projekti Lisa uus -> Qt -> JS-fail:

Me näeme, kuidas me jsonit parsimeerime, võttes ainult tulemuste massiivi, kust iga tulemuse jaoks saame selle pealkirja.

console.log on nagu konsoolile printimine.

Lõpuks panime ülaltoodud marvel.qml-i, kus on import

import "data.js" as Data

Tulemus:

Kujutagem ette, et tahame oma rakendusele parema välimuse anda, näiteks selle asemel, et näidata ainult pealkirja, mis näitab pilti. ja saaksime neid horisontaalselt liigutada, noh, teeme seda:

Lisame loendivaates orientatsiooni atribuudi

orientation: ListView.Horizontal

Muudame ka pildi teksti:

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

Ja failis data.js lisame pisipildi

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

Näeme tulemust:

Nüüd võiksime oma rakenduse jaoks teha mitmeid funktsioone, näiteks pildil klõpsamine näitab meile teavet, tähemärgi otsingumootorit ... Kuid jätame näite siia.

pakend

Lõpuks peame looma ainult oma paketi, läheme pakendisse:

Näeme, et peame mõned väljad täitma. Näiteks kui kasutate Internetti ..., kui meil on kõik asjad valmis, anname luua paketi, mis loob faili .click, et saaksime rakenduse installida.

Järeldus (GTK3 või QML)

Välimuse poolest meeldib mulle isiklikult gtk väga, kuid selle "modifitseerimise" aste jätab palju soovida, teisest küljest saab qml-ga kasutajaliidese palju teistele kohandada, sellel on ka komponendid (töölaud Komponendid), mis jätavad välimuse justkui gtk.