Utvikling av applikasjoner for Ubuntu [QML]

Installere Ubuntu SDK

ubuntu sdk er en IDE som gir oss verktøyene vi trenger for å utvikle en applikasjon basert på QTCreator.

sudo apt-get install ubuntu-sdk

Hvis en gang installert, åpner vi den, og dette vil vises:

dokumentasjon

Vi kan finne mye informasjon i web fra Ubuntu-utviklere, tutorials, api ...

Innenfor samme Ubuntu SDK kan vi finne seksjoner som vi kan lære om, se kode ... Kategoriene er Hjelp, Wiki, Core Apps og API.

I API kan vi finne alle Ubuntu api.Components 0.1 som er komponentene vi skal bruke til å lage appen.

I Core Apps viser det oss nettet ubuntu-telefon-coreapps av lanseringsplaten der vi kan finne koden til flere applikasjoner. I Hjelp kan vi se noen håndbøker som vil hjelpe oss i gang.

web der vi kan finne en veiledning for å analysere json med qml og javascript.

Opprette et program (en klient)

For å se et eksempel vil vi opprette en klient som jeg allerede snakket litt om her.

Vi oppretter et nytt prosjekt: Fil -> Ny fil eller prosjekt

Og vi velger Simple Touch UI. På det tidspunktet vi opprettet prosjektet vårt, vil det virke strukturert, med noen filer og noen mapper. Hvis vi kjører nå, får vi et eksempel på et program, som vi ikke vil bruke eller delvis bruke som et grunnlag for å lage vårt.

 

Hvis vi nå legger til en listevisning med en modell som tar Json-dataene fra tegneseriene, for eksempel tittelen, vil vi ha:

Vi oppretter en fil som heter data.js, for å opprette denne filen høyreklikker du på prosjektet Legg til ny -> Qt -> JS-fil:

Vi kan se hvordan vi analyserer jsonen ved å ta bare resultatgruppen hvor vi for hvert resultat får tittelen.

console.log er som å lage en utskrift for konsollen.

Til slutt la vi inn marvel.qml over hvor er importen

import "data.js" as Data

resultat:

La oss forestille oss at vi ønsker å gi applikasjonen et bedre utseende, for eksempel i stedet for å bare vise tittelen som viser et bilde. og være i stand til å flytte dem horisontalt, for la oss gjøre det:

Vi legger til orienteringsegenskapen i listevisningen

orientation: ListView.Horizontal

Vi endrer også teksten for et bilde:

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

Og i data.js legger vi til miniatyrbildet

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

Vi kan se resultatet:

Vel nå kan vi gjøre en rekke funksjoner for applikasjonen vår å gjøre, for eksempel ved å klikke på bildet, vil vi vise informasjon, en tegnsøkemotor ... Men vi lar eksemplet være her.

emballasje

Endelig trenger vi bare å lage pakken vår, vi går til Emballasje:

Vi kan se at vi må fylle ut noen felt. Som for eksempel hvis du bruker internett ..., når vi har alt ferdig, gir vi create package som vil opprette en .click-fil slik at vi kan installere applikasjonen.

Konklusjon (GTK3 eller QML)

Når det gjelder utseende, liker jeg personlig gtk mye, men graden av "modifikasjon" av dette overlater mye å være ønsket, på den annen side med qml kan du tilpasse brukergrensesnittet mye til andre, det har også komponenter (Desktop Components) som etterlater utseendet som om det var gtk.