Ανάπτυξη εφαρμογών για το Ubuntu [QML]

Εγκατάσταση του Ubuntu SDK

Ubuntu SDK είναι ένα IDE που μας παρέχει τα εργαλεία που χρειαζόμαστε για να αναπτύξουμε μια εφαρμογή βάσει QTC δημιουργός.

sudo apt-get install ubuntu-sdk

Εάν εγκατασταθεί, το ανοίγουμε και αυτό θα εμφανιστεί:

τεκμηρίωση

Μπορούμε να βρούμε πολλές πληροφορίες στο ιστός Προγραμματιστές Ubuntu, tutorials, api ...

Μέσα στο ίδιο Ubuntu SDK μπορούμε να βρούμε ενότητες από τις οποίες μπορούμε να μάθουμε, να δούμε κώδικα ... Οι κατηγορίες είναι Βοήθεια, Wiki, Core Apps και API.

Στο API μπορούμε να βρούμε όλα τα API του Ubuntu. Συστατικά 0.1 που είναι τα στοιχεία που θα χρησιμοποιήσουμε για τη δημιουργία της εφαρμογής.

Στις βασικές εφαρμογές μας δείχνει τον ιστό ubuntu-phone-coreapps του launchpad όπου μπορούμε να βρούμε τον κωδικό πολλών εφαρμογών. Στη Βοήθεια μπορούμε να δούμε μερικά εγχειρίδια που θα μας βοηθήσουν να ξεκινήσουμε.

ιστός όπου μπορούμε να βρούμε ένα σεμινάριο για την ανάλυση του json με qml και javascript.

Δημιουργία εφαρμογής (πελάτης)

Για να δούμε ένα παράδειγμα θα δημιουργήσουμε έναν πελάτη, για τον οποίο ήδη μίλησα λίγο εδώ.

Δημιουργούμε ένα νέο έργο: Αρχείο -> Νέο αρχείο ή έργο

Και επιλέγουμε το Simple Touch UI. Τη στιγμή που έχουμε δημιουργήσει το έργο μας, θα φαίνεται δομημένο, με μερικά αρχεία και μερικούς φακέλους, εάν εκτελέσουμε τώρα θα λάβουμε ένα παράδειγμα εφαρμογής, το οποίο δεν θα χρησιμοποιήσουμε ή θα χρησιμοποιήσουμε εν μέρει ως βασικό σημείο για να δημιουργήσουμε τη δική μας .

 

Αν τώρα προσθέσουμε ένα listView με ένα μοντέλο που παίρνει τα δεδομένα Json από τα κόμικς, όπως ο τίτλος, θα έχουμε:

Δημιουργούμε ένα αρχείο που ονομάζεται data.js, για να δημιουργήσουμε αυτό το αρχείο κάντε δεξί κλικ στο έργο Προσθήκη νέου -> Qt -> JS αρχείο:

Μπορούμε να δούμε πώς αναλύουμε το json παίρνοντας μόνο τον πίνακα αποτελεσμάτων όπου για κάθε αποτέλεσμα θα αποκτήσουμε τον τίτλο του.

Το console.log είναι σαν να κάνετε εκτύπωση για την κονσόλα.

Τέλος, τοποθετήσαμε το marvel.qml παραπάνω που είναι οι εισαγωγές

import "data.js" as Data

αποτέλεσμα:

Ας φανταστούμε ότι θέλουμε να δώσουμε στην εφαρμογή μας καλύτερη εμφάνιση, για παράδειγμα αντί να εμφανίζουμε μόνο τον τίτλο που δείχνει μια εικόνα. και να μπορέσουμε να τα μετακινήσουμε οριζόντια, γιατί ας το κάνουμε:

Προσθέτουμε την ιδιότητα προσανατολισμού στην προβολή λίστας

orientation: ListView.Horizontal

Αλλάζουμε επίσης το κείμενο για μια εικόνα:

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

Και στο data.js προσθέτουμε τη μικρογραφία

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

Μπορούμε να δούμε το αποτέλεσμα:

Λοιπόν τώρα θα μπορούσαμε να κάνουμε πολλές λειτουργίες για να κάνει η εφαρμογή μας, όπως το κλικ στην εικόνα θα μας δείξει πληροφορίες, μια μηχανή αναζήτησης χαρακτήρων ... Αλλά θα αφήσουμε το παράδειγμα εδώ.

συσκευασία

Τέλος, πρέπει μόνο να δημιουργήσουμε το πακέτο μας, πηγαίνουμε στη συσκευασία:

Μπορούμε να δούμε ότι πρέπει να συμπληρώσουμε ορισμένα πεδία. Για παράδειγμα, αν χρησιμοποιείτε το Διαδίκτυο ..., όταν έχουμε όλα ολοκληρωμένα δίνουμε δημιουργία πακέτου που θα δημιουργήσει ένα αρχείο .click, ώστε να μπορούμε να εγκαταστήσουμε την εφαρμογή.

Συμπέρασμα (GTK3 ή QML)

Όσον αφορά την εμφάνιση, προσωπικά μου αρέσει πολύ το gtk, αλλά ο βαθμός "τροποποίησης" αυτού αφήνει πολύ να είναι επιθυμητός, από την άλλη με το qml μπορείτε να προσαρμόσετε το UI πολύ σε άλλους που έχει επίσης Components (Desktop Components) που αφήστε την εμφάνιση σαν να ήταν gtk.