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:
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
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.
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:
Nous créons un fichier appelé data.js, pour créer ce fichier cliquez droit sur le projet Ajouter nouveau -> Qt -> fichier JS:
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
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:
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:
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.
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.
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?