Sovellusten kehittäminen Ubuntulle [QML]

Ubuntu SDK: n asentaminen

Ubuntu SDK on IDE, joka tarjoaa meille työkalut, joiden perusteella voimme kehittää sovelluksen QTCreator.

sudo apt-get install ubuntu-sdk

Jos se on asennettu, avataan se ja tämä näkyy:

dokumentointi

Voimme löytää paljon tietoa verkko Ubuntun kehittäjiltä, ​​oppaat, api ...

Samasta Ubuntu SDK: sta löytyy osioita, joista voimme oppia, katso koodi ... Luokat ovat Ohje, Wiki, Ydinsovellukset ja API.

API: sta löydämme kaikki Ubuntu-api.Components 0.1, jotka ovat komponentteja, joita käytämme sovelluksen luomiseen.

Core Apps -sovelluksessa se näyttää meille verkon ubuntu-puhelin-coreapps käynnistyslevystä, josta löydämme useiden sovellusten koodin. Ohjeessa on joitain käyttöoppaita, jotka auttavat meitä pääsemään alkuun.

verkko josta voimme löytää opas jsonin jäsentämiseen qml: n ja javascriptin avulla.

Sovelluksen luominen (asiakas)

Esimerkin saamiseksi luomme asiakkaan, josta puhuin jo vähän tässä.

Luomme uuden projektin: Tiedosto -> Uusi tiedosto tai projekti

Ja valitsemme Simple Touch UI. Tuolloin, kun olemme luoneet projektimme, se näyttää jäsenneltynä, jossa on joitain tiedostoja ja joitain kansioita. Jos suoritamme nyt, saamme esimerkkisovelluksen, jota emme käytä tai käytämme osittain peruspisteenä luomaan omamme.

 

Jos nyt lisätään listView mallilla, joka ottaa Jsonin tiedot sarjakuvista, kuten otsikon, meillä on:

Luomme tiedoston nimeltä data.js. Luo tämä tiedosto napsauttamalla hiiren kakkospainikkeella projektia Lisää uusi -> Qt -> JS-tiedosto:

Voimme nähdä, miten jäsennämme json ottamalla vain tulosryhmä, josta jokaiselle tulokselle saamme sen otsikon.

console.log on kuin tulostus konsolille.

Lopuksi laitamme marvel.qml: n yllä, missä tuonti on

import "data.js" as Data

tulos:

Kuvitellaan, että haluamme antaa sovelluksellemme paremman ulkonäön esimerkiksi sen sijaan, että näytämme vain otsikkoa, joka näyttää kuvan. ja pystyä siirtämään niitä vaakasuoraan, koska tehdään se:

Lisätään suunta-ominaisuus luettelonäkymään

orientation: ListView.Horizontal

Muutamme myös kuvan tekstiä:

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

Ja data.js: ssä lisätään pikkukuva

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

Voimme nähdä tuloksen:

Nyt voisimme tehdä lukuisia toimintoja sovelluksellemme, kuten kuvan napsauttaminen näyttää meille tietoja, merkkihakukoneen ... Mutta jätämme esimerkin tähän.

Pakkaus

Lopuksi meidän on vain luotava pakettimme, menemme Pakkaus:

Voimme nähdä, että joudumme täyttämään joitain kenttiä. Esimerkiksi jos käytät Internetiä ..., kun meillä on kaikki valmiina, annamme luoda paketin, joka luo .click-tiedoston, jotta voimme asentaa sovelluksen.

Päätelmä (GTK3 tai QML)

Ulkoasun suhteen pidän henkilökohtaisesti gtk: sta, mutta sen "muokkaamisen" aste jättää paljon toivomisen varaa. Toisaalta qml: llä voit muokata käyttöliittymää paljon muille, sillä siinä on myös komponentit (työpöydän osat), jotka jättävät ulkonäön jos se oli gtk.