Développement d'applications pour Ubuntu [QML]

Installation du SDK Ubuntu

SDK Ubuntu est un IDE qui nous fournit les outils dont nous avons besoin pour développer une application basée sur QTCréateur.

sudo apt-get install ubuntu-sdk

Si une fois installé, nous l'ouvrons et cela apparaîtra:

Sdk

documentation

On peut trouver beaucoup d'informations dans le web des développeurs Ubuntu, tutoriels, api ...

Dans le même SDK Ubuntu, nous pouvons trouver des sections à partir desquelles nous pouvons apprendre, voir le code ... Les catégories sont Aide, Wiki, Applications principales et API.

Dans l'API, nous pouvons trouver tous les composants Ubuntu api.Components 0.1 qui sont les composants que nous utiliserons pour créer l'application.

Dans Core Apps, il nous montre le Web ubuntu-phone-coreapps du tableau de bord où l'on peut trouver le code de plusieurs applications. Dans Aide, nous pouvons voir quelques manuels qui nous aideront à démarrer.

DÉVELOPPEMENT où nous pouvons trouver un tutoriel pour analyser json avec qml et javascript.

Créer une application (un client)

Pour voir un exemple nous allons créer un client, dont j'ai déjà un peu parlé ici.

Nous créons un nouveau projet: Fichier -> Nouveau fichier ou projet

sdk_créer

Et nous sélectionnons l'interface utilisateur Simple Touch. Au moment où nous avons créé notre projet, il apparaîtra structuré, avec quelques fichiers et quelques dossiers, si nous exécutons maintenant nous aurons un exemple d'application, que nous n'utiliserons pas ou n'utiliserons pas partiellement comme point de base pour créer le nôtre.

 Capture du 2014/04/06 17:10:44

Si maintenant nous ajoutons un listView avec un modèle qui prend les données Json des bandes dessinées, comme le titre, nous aurons:

Capture du 2014/04/06 18:07:59

Nous créons un fichier appelé data.js, pour créer ce fichier cliquez droit sur le projet Ajouter nouveau -> Qt -> fichier JS:

Capture du 2014/04/06 18:07:00

Nous pouvons voir comment nous analysons le json en ne prenant que le tableau de résultats où pour chaque résultat nous obtiendrons son titre.

console.log est comme faire une impression pour la console.

Enfin, nous mettons dans marvel.qml ci-dessus où sont les importations

import "data.js" as Data

Résultat:Capture du 2014/04/06 17:57:16

Imaginons que nous voulions donner une meilleure apparence à notre application, par exemple au lieu de n'afficher que le titre qui montre une image. et pouvoir les déplacer horizontalement, car faisons-le:

Nous ajoutons la propriété d'orientation dans la liste

orientation: ListView.Horizontal

Nous modifions également le texte d'une image:

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

Et dans le data.js, nous ajoutons la vignette

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

On peut voir le résultat:

Capture du 2014/04/06 18:29:44

Bon maintenant nous pourrions faire une multitude de fonctions pour notre application à faire, comme cliquer sur l'image nous montrera des informations, un moteur de recherche de caractères ... Mais nous laisserons l'exemple ici.

Emballage

Enfin, il ne reste plus qu'à créer notre package, on passe à Packaging:

sdk_package

Nous pouvons voir que nous devons remplir certains champs. Comme par exemple si vous utilisez Internet ..., lorsque tout est terminé, nous donnons create package qui créera un fichier .click afin que nous puissions installer l'application.

Conclusion (GTK3 ou QML)

En termes d'apparence, j'aime beaucoup gtk personnellement mais le degré de «modification» de celui-ci laisse beaucoup à désirer, par contre, avec qml, vous pouvez beaucoup personnaliser l'interface utilisateur pour les autres, il a également des composants (composants de bureau) qui laissent l'apparence comme si c'était gtk.


2 commentaires, laissez le vôtre

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont marqués avec *

*

*

  1. Responsable des données: Miguel Ángel Gatón
  2. Finalité des données: Contrôle du SPAM, gestion des commentaires.
  3. Légitimation: votre consentement
  4. Communication des données: Les données ne seront pas communiquées à des tiers sauf obligation légale.
  5. Stockage des données: base de données hébergée par Occentus Networks (EU)
  6. Droits: à tout moment, vous pouvez limiter, récupérer et supprimer vos informations.

  1.   r @ y dit

    Juste une précision, Ubuntu SDK n'est PAS un IDE ni basé sur QtCreator, c'est comme son nom l'indique un kit de développement qui peut être intégré dans QtCreator.

  2.   cuelebre dit

    Aujourd'hui j'ai commencé à suivre ceci et les trois autres tutoriels, mais quand j'essaye de lancer le projet, je sors de l'application, pouvez-vous me dire s'il y a un problème?