Dezvoltarea aplicațiilor pentru Ubuntu [QML]

Instalarea Ubuntu SDK

SDK Ubuntu este un IDE care ne oferă instrumentele de care avem nevoie pentru a dezvolta o aplicație bazată pe QTCreator.

sudo apt-get install ubuntu-sdk

Dacă o dată instalat îl deschidem și va apărea:

sdk

documentație

Putem găsi o mulțime de informații în web Dezvoltatori Ubuntu, tutoriale, API ...

În cadrul aceluiași SDK Ubuntu putem găsi secțiuni din care putem învăța, a se vedea codul ... Categoriile sunt Ajutor, Wiki, Core Apps și API.

În API putem găsi toate API-urile Ubuntu. Componentele 0.1 care sunt componentele pe care le vom folosi pentru a crea aplicația.

În Core Apps ne arată web ubuntu-phone-coreapps de launchpad unde putem găsi codul mai multor aplicații. În Ajutor putem vedea câteva manuale care ne vor ajuta să începem.

web unde putem găsi un tutorial pentru a analiza json cu qml și javascript.

Crearea unei aplicații (un client)

Pentru a vedea un exemplu, vom crea un client, despre care am vorbit deja puțin aici.

Creăm un proiect nou: Fișier -> Fișier sau proiect nou

sdk_create

Și selectăm Simple Touch UI. În momentul în care ne-am creat proiectul, acesta va apărea structurat, cu unele fișiere și câteva foldere, dacă rulăm acum vom primi un exemplu de aplicație, pe care nu îl vom folosi sau nu vom folosi parțial ca punct de bază pentru a crea al nostru.

 Captură din 2014-04-06 17:10:44

Dacă acum adăugăm o listView cu un model care preia datele Json din benzi desenate, cum ar fi titlul, vom avea:

Captură din 2014-04-06 18:07:59

Creăm un fișier numit data.js, pentru a crea acest fișier faceți clic dreapta pe proiect Adăugați nou -> Qt -> fișier JS:

Captură din 2014-04-06 18:07:00

Putem vedea cum analizăm JSON luând doar matricea de rezultate, unde pentru fiecare rezultat vom obține titlul său.

console.log este ca și cum ai face o imprimare pentru consolă.

În cele din urmă, am pus marvel.qml mai sus unde sunt importurile

import "data.js" as Data

rezultat:Captură din 2014-04-06 17:57:16

Să ne imaginăm că vrem să oferim aplicației noastre un aspect mai bun, de exemplu, în loc să afișăm doar titlul care arată o imagine. și să le putem mișca orizontal, bine, să o facem:

Adăugăm proprietatea de orientare în listview

orientation: ListView.Horizontal

De asemenea, modificăm textul pentru o imagine:

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

Și în data.js adăugăm miniatura

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

Putem vedea rezultatul:

Captură din 2014-04-06 18:29:44

Ei bine, acum am putea face o multitudine de funcții pentru aplicația noastră, cum ar fi, făcând clic pe imagine ne vor arăta informații, un motor de căutare de caractere ... Dar vom lăsa exemplul aici.

ambalaje

În cele din urmă, nu trebuie decât să ne creăm pachetul, mergem la Packaging:

sdk_package

Putem vedea că trebuie să completăm câteva câmpuri. De exemplu, dacă utilizați internetul ..., când avem totul complet, oferim pachetul create, care va crea un fișier .click, astfel încât să putem instala aplicația.

Concluzie (GTK3 sau QML)

În ceea ce privește aspectul, personal îmi place gtk foarte mult, dar gradul de „modificare” a acestui lucru lasă mult de dorit, pe de altă parte, cu qml poți personaliza UI foarte mult pentru ceilalți, are și Componente (Desktop Componente) care lasă aspectul ca și cum ar fi gtk.


2 comentarii, lasă-le pe ale tale

Lasă comentariul tău

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

*

*

  1. Responsabil pentru date: Miguel Ángel Gatón
  2. Scopul datelor: Control SPAM, gestionarea comentariilor.
  3. Legitimare: consimțământul dvs.
  4. Comunicarea datelor: datele nu vor fi comunicate terților decât prin obligație legală.
  5. Stocarea datelor: bază de date găzduită de Occentus Networks (UE)
  6. Drepturi: în orice moment vă puteți limita, recupera și șterge informațiile.

  1.   r @ y el a spus

    Doar o clarificare, Ubuntu SDK NU este un IDE și nici nu se bazează pe QtCreator, este așa cum numele său indică un kit de dezvoltare care poate fi integrat în QtCreator.

  2.   cuelebre el a spus

    Astăzi am început să urmez acest lucru și celelalte trei tutoriale, dar când încerc să dau proiectului o fugă, ies din aplicație, ai putea să-mi spui dacă există vreun fel de problemă?