Sviluppo di applicazioni per Ubuntu [QML]

Installazione di Ubuntu SDK

ubuntu sdk è un IDE che ci fornisce gli strumenti di cui abbiamo bisogno per sviluppare un'applicazione basata su Creatore di QTC.

sudo apt-get install ubuntu-sdk

Se una volta installato lo apriamo e apparirà questo:

documentazione

Possiamo trovare molte informazioni nel file sito web da sviluppatori Ubuntu, tutorial, API ...

All'interno dello stesso Ubuntu SDK possiamo trovare sezioni da cui possiamo imparare, vedere il codice ... Le categorie sono Help, Wiki, Core Apps e API.

In API possiamo trovare tutte le api.Components 0.1 di Ubuntu che sono i componenti che useremo per creare l'app.

In Core Apps ci mostra il web ubuntu-phone-coreapps di launchpad dove possiamo trovare il codice di diverse applicazioni. In Aiuto possiamo vedere alcuni manuali che ci aiuteranno a iniziare.

Web dove possiamo trovare un tutorial per analizzare json con qml e javascript.

Creazione di un'applicazione (un client)

Per vedere un esempio creeremo un cliente, di cui ho già parlato un po ' qui.

Creiamo un nuovo progetto: File -> Nuovo file o Progetto

E selezioniamo Simple Touch UI. Nel momento in cui abbiamo creato il nostro progetto, apparirà strutturato, con alcuni file e alcune cartelle, se eseguiamo ora otterremo un'applicazione di esempio, che non useremo o utilizzeremo parzialmente come punto base per creare il nostro .

 

Se ora aggiungiamo un listView con un modello che prende i dati Json dai fumetti, come il titolo, avremo:

Creiamo un file chiamato data.js, per creare questo file fai clic destro sul progetto Aggiungi nuovo -> Qt -> file JS:

Possiamo vedere come analizziamo il json prendendo solo l'array dei risultati dove per ogni risultato otterremo il suo titolo.

console.log è come fare una stampa per console.

Infine mettiamo in marvel.qml sopra dove sono le importazioni

import "data.js" as Data

risultato:

Immaginiamo di voler dare alla nostra applicazione un aspetto migliore, ad esempio invece di mostrare solo il titolo che mostra un'immagine. ed essere in grado di spostarli orizzontalmente, perché facciamolo:

Aggiungiamo la proprietà di orientamento nella listview

orientation: ListView.Horizontal

Cambiamo anche il testo per un'immagine:

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

E in data.js aggiungiamo la miniatura

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

Possiamo vedere il risultato:

Bene, ora potremmo fare una moltitudine di funzioni per la nostra applicazione, come fare clic sull'immagine per mostrarci informazioni, un motore di ricerca di caratteri ... Ma lasceremo l'esempio qui.

Packaging

Infine, non ci resta che creare il nostro pacchetto, andiamo a Packaging:

Possiamo vedere che dobbiamo compilare alcuni campi. Come per esempio se usi Internet ..., quando avremo tutto completo diamo il pacchetto create che creerà un file .click in modo che possiamo installare l'applicazione.

Conclusione (GTK3 o QML)

In termini di aspetto, personalmente gtk piace molto ma il grado di "modifica" di questo lascia molto a desiderare, d'altra parte con qml puoi personalizzare molto la UI ad altri ha anche Componenti (Desktop Components) che lasciano l'aspetto come se fosse gtk.