Vývoj aplikácií pre Ubuntu [QML]

Inštaluje sa Ubuntu SDK

Ubuntu SDK je IDE, ktoré nám poskytuje nástroje, ktoré potrebujeme na vývoj aplikácie založenej na QTCreator.

sudo apt-get install ubuntu-sdk

Po nainštalovaní ho otvoríme a zobrazí sa:

dokumentácia

Veľa informácií nájdeme v web Vývojári Ubuntu, návody, api ...

V rámci rovnakej Ubuntu SDK nájdeme sekcie, z ktorých sa môžeme učiť, pozri kód ... Kategórie sú Help, Wiki, Core Apps a API.

V API nájdeme všetky api Ubuntu. Komponenty 0.1, čo sú komponenty, ktoré použijeme na vytvorenie aplikácie.

V základných aplikáciách nám ukazuje web ubuntu-phone-coreapps launchpadu, kde nájdeme kód niekoľkých aplikácií. V Pomocníkovi môžeme vidieť niekoľko manuálov, ktoré nám pomôžu začať.

web kde nájdeme návod na syntaktickú analýzu súboru json pomocou súborov qml a javascript.

Vytvorenie aplikácie (klient)

Aby sme videli príklad, vytvoríme klienta, o ktorom som už trochu hovoril tu.

Vytvoríme nový projekt: Súbor -> Nový súbor alebo Projekt

A vyberieme Simple Touch UI. V čase, keď sme vytvorili náš projekt, bude sa javiť štruktúrovaný, s niektorými súbormi a niektorými priečinkami, ak teraz spustíme, dostaneme ukážkovú aplikáciu, ktorú nebudeme používať, alebo ju čiastočne použijeme ako základný bod na vytvorenie nášho. .

 

Ak teraz pridáme listView s modelom, ktorý preberá údaje Json z komiksu, napríklad z názvu, budeme mať:

Vytvoríme súbor s názvom data.js, pre vytvorenie tohto súboru kliknite pravým tlačidlom myši na projekt Pridať nový -> Qt -> súbor JS:

Môžeme vidieť, ako analyzujeme json tak, že vezmeme iba pole výsledkov, kde pre každý výsledok získame jeho názov.

console.log je ako robiť tlač pre konzolu.

Nakoniec dáme do marvel.qml vyššie, kde sú importy

import "data.js" as Data

výsledok:

Predstavme si, že chceme dať našej aplikácii lepší vzhľad, napríklad namiesto toho, aby sa zobrazoval iba nadpis, ktorý zobrazuje obrázok. a vedieť ich vodorovne posúvať, urobme to:

V zozname zobrazenia pridáme vlastnosť orientácie

orientation: ListView.Horizontal

Taktiež meníme Text pre obrázok:

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

A do súboru data.js pridáme miniatúru

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

Môžeme vidieť výsledok:

Teraz by sme mohli pre našu aplikáciu urobiť množstvo funkcií, napríklad kliknutie na obrázok nám ukáže informácie, vyhľadávací stroj znakov ... Ale príklad tu necháme.

obal

Nakoniec musíme iba vytvoriť náš balíček, prejdeme na stránku Balenie:

Vidíme, že musíme vyplniť niektoré polia. Napríklad, ak používate internet ..., keď máme všetko hotové, dáme create balíček, ktorý vytvorí súbor .click, aby sme mohli aplikáciu nainštalovať.

Záver (GTK3 alebo QML)

Čo sa týka vzhľadu, osobne sa mi gtk veľmi páči, ale miera „modifikácie“ toho ponecháva veľa na želanie, na druhej strane pomocou qml môžete UI veľmi prispôsobiť ostatným, má tiež Components (Desktop Components) ), ktoré zanechávajú vzhľad, akoby to bol gtk.