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:

sdk

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

sdk_create

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.

  Sieppaa 2014-04-06 17:10:44

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

Sieppaa 2014-04-06 18:07:59

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

Sieppaa 2014-04-06 18:07:00

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: Sieppaa 2014-04-06 17:57:16

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:

Sieppaa 2014-04-06 18:29:44 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:

sdk_packagin 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.


Artikkelin sisältö noudattaa periaatteita toimituksellinen etiikka. Ilmoita virheestä napsauttamalla täällä.

2 kommenttia, jätä omasi

Jätä kommentti

Sähköpostiosoitettasi ei julkaista.

*

*

  1. Vastuussa tiedoista: Miguel Ángel Gatón
  2. Tietojen tarkoitus: Roskapostin hallinta, kommenttien hallinta.
  3. Laillistaminen: Suostumuksesi
  4. Tietojen välittäminen: Tietoja ei luovuteta kolmansille osapuolille muutoin kuin lain nojalla.
  5. Tietojen varastointi: Occentus Networks (EU) isännöi tietokantaa
  6. Oikeudet: Voit milloin tahansa rajoittaa, palauttaa ja poistaa tietojasi.

  1.   r @ y dijo

    Pelkkä selvennys: Ubuntu SDK EI OLE IDE eikä se perustu QtCreatoriin, se on nimensä mukaisesti kehityspaketti, joka voidaan integroida QtCreatoriin.

  2.   cuelebre dijo

    Tänään aloin seurata tätä ja kolmea muuta opetusohjelmaa, mutta kun yritän antaa projektille ajon, pääsen sovelluksesta. Voisitteko kertoa minulle, onko jokin ongelma?