Lietojumprogrammu izstrāde Ubuntu [QML]

Instalējot Ubuntu SDK

Ubuntu SDK ir IDE, kas mums nodrošina rīkus, kas nepieciešami, lai izstrādātu lietojumprogrammu, kuras pamatā ir QTCreator.

sudo apt-get install ubuntu-sdk

Ja tas ir instalēts, mēs to atveram, un tas parādīsies:

dokumentācija

Mēs varam atrast daudz informācijas vietnē web no Ubuntu izstrādātājiem, konsultācijām, api ...

Tajā pašā Ubuntu SDK mēs varam atrast sadaļas, no kurām mēs varam mācīties, skatīt kodu ... Kategorijas ir Palīdzība, Wiki, Core Apps un API.

API mēs varam atrast visus Ubuntu api. Komponenti 0.1, kas ir komponenti, kurus mēs izmantosim, lai izveidotu lietotni.

Core Apps tas mums parāda tīmekli ubuntu-phone-coreapps palaišanas paliktni, kur mēs varam atrast vairāku lietojumprogrammu kodu. Palīdzībā mēs varam redzēt dažas rokasgrāmatas, kas palīdzēs mums sākt darbu.

Web kur mēs varam atrast apmācību parsēt json ar qml un javascript.

Lietojumprogrammas (klienta) izveide

Lai redzētu piemēru, mēs izveidosim klientu, par kuru es jau nedaudz runāju šeit.

Mēs izveidojam jaunu projektu: Fails -> Jauns fails vai projekts

Un mēs izvēlamies Simple Touch UI. Laikā, kad mēs esam izveidojuši savu projektu, tas parādīsies strukturēts, ar dažiem failiem un dažām mapēm. Ja palaidīsim tagad, mēs iegūsim lietojumprogrammas piemēru, kuru mēs neizmantosim vai daļēji izmantosim kā bāzes punktu, lai izveidotu savu projektu.

 

Ja tagad mēs pievienosim listView ar modeli, kas ņem komiksu Json datus, piemēram, nosaukumu, mums būs:

Mēs izveidojam failu ar nosaukumu data.js, lai izveidotu šo failu, ar peles labo pogu noklikšķiniet uz projekta Pievienot jaunu -> Qt -> JS failu:

Mēs varam redzēt, kā mēs parsējam jsonu, ņemot tikai rezultātu masīvu, kur katram rezultātam mēs iegūsim tā nosaukumu.

console.log ir tāds pats kā drukāšana konsolei.

Visbeidzot, mēs ievietojām marvel.qml iepriekš, kur ir imports

import "data.js" as Data

Rezultāts:

Iedomāsimies, ka mēs vēlamies piešķirt mūsu lietojumprogrammai labāku izskatu, piemēram, tā vietā, lai parādītu tikai virsrakstu, kas parāda attēlu. un varēsit tos pārvietot horizontāli, jo darīsim to:

Orientācijas rekvizītu mēs pievienojam saraksta skatā

orientation: ListView.Horizontal

Mēs arī mainām attēla tekstu:

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

Un vietnē data.js mēs pievienojam sīktēlu

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

Mēs varam redzēt rezultātu:

Tagad mēs varētu darīt daudzas funkcijas mūsu lietojumprogrammai, piemēram, noklikšķinot uz attēla, tiks parādīta informācija, rakstzīmju meklētājprogramma ... Bet piemēru mēs atstāsim šeit.

iepakojums

Visbeidzot, mums ir jāizveido tikai mūsu pakete, mēs ejam uz Iepakojums:

Mēs varam redzēt, ka mums ir jāaizpilda daži lauki. Piemēram, ja jūs izmantojat internetu ..., kad mums viss ir pabeigts, mēs piešķiram izveidot paketi, kas izveidos .click failu, lai mēs varētu instalēt lietojumprogrammu.

Secinājums (GTK3 vai QML)

Pēc izskata man personīgi ļoti patīk gtk, taču tā "modifikācijas" pakāpe atstāj daudz ko vēlamu, no otras puses, ar qml jūs varat daudz pielāgot lietotāja saskarni citiem, tajā ir arī komponenti (darbvirsmas komponenti), kas atstāj izskatu kā ja tas būtu gtk.