Δημιουργία εφαρμογής Vala + Gtk3. [1ο μέρος]

μετά την πρώτη θέση Διάβασα ένα σχόλιο ότι θα ήταν καλύτερο να ξεκινήσετε με κάτι πιο περίπλοκο από ένα "γεια σας κόσμο", τότε θα κάνω μια ακολουθία (3 o 4) δημοσίευση δημιουργίας μιας απλής εφαρμογής (με vala + gtk 3).

Η εφαρμογή θα αποτελείται από ένα απλό παιχνίδι ερωτήσεων και απαντήσεων πολλαπλής επιλογής (τύπος Trivia), στο οποίο η απάντηση σε 3 ερωτήσεις λάθος τελειώνει (παιχνίδι τελείωσε) και ο στόχος είναι να απαντήσετε σε όσο το δυνατόν περισσότερες ερωτήσεις, για κάθε ερώτηση που έχετε περιορισμένο χρόνο απάντηση.

Σχέδιο

Ο κύριος σχεδιασμός της εφαρμογής μας θα είναι:

Αργότερα θα βάλουμε μερικά κουμπιά που θα μας δώσουν την επιλογή 50% (εξαλείφοντας δύο λανθασμένες απαντήσεις), παγώστε το χρόνο, περάστε μια ερώτηση. Όλα αυτά μπορούν να χρησιμοποιηθούν μόνο μία φορά, απενεργοποιημένα μόλις χρησιμοποιηθούν.

Σχεδιασμός α Κώδικας
Όπως μπορούμε να δούμε στο σχεδιασμό μπορούμε να δούμε τα στοιχεία gtk που θα χρησιμοποιήσουμε:

Απαντήσεις -> Κουμπί.

Ερώτηση -> Ετικέτα.

Ώρα -> ProgressBar.

Λάθος / σωστά σημεία και ερωτήσεις -> Ετικέτα.

Μπορούμε να δούμε ότι έχουμε μια κάθετη δομή, επομένως μπορούμε να χρησιμοποιήσουμε το GBox κάθετα.

Κώδικας

int main (string [] args) {Gtk.init (ref args); var window = νέο Gtk.Window (); window.title = "εφαρμογή"; window.window_position = Gtk.WindowPosition.CENTER; window.set_default_size (300, 340); window.destroy.connect (Gtk.main_quit); window.set_border_width (10); // κάθετο πλαίσιο var box = νέο Gtk.Box (Gtk.Orientation.VERTICAL, 0); box.set_spacing (10); // Ετικέτα για την ερώτηση var question = new Gtk.Label ("Question?"); // time bar bar var time_bar = νέο Gtk.ProgressBar (); timebar.set_text ("Ώρα"); time_bar.set_show_text (αληθινό); // Κουμπιά απόκρισης var response1 = νέο Gtk.Button.with_label ("Response 1"); var resposta2 = νέο Gtk.Button.with_label ("Απάντηση 2"); var resposta3 = νέο Gtk.Button.with_label ("Απάντηση 3"); var resposta4 = νέο Gtk.Button.with_label ("Απάντηση 4"); // ετικέτες info var points = new Gtk.Label ("Points: 0"); box.pack_start (ερώτηση); box.pack_start (time_bar); box.pack_start (απάντηση1); box.pack_start (resposta2); box.pack_start (resposta3); box.pack_start (resposta4); box.pack_start (βαθμοί); window.add (πλαίσιο); window.show_all (); Gtk.main (); επιστροφή 0;}

Για να μετακινήσουμε το "time" χρησιμοποιούμε το GLib. Timeout όπου κάθε 500 χιλιοστά του δευτερολέπτου θα ενεργοποιείται (είναι ένας βρόχος όπου θα αυξάνεται η μεταβλητή που περιέχει την τιμή της γραμμής μας)

GLib.Timeout.add (500, () => {// Λήψη της τρέχουσας προόδου: // (0.0 -> 0%; 1.0 -> 100%) διπλή πρόοδος = time_bar.get_fraction (); // Ενημέρωση της γραμμής: πρόοδος = πρόοδος + 0.01; time_bar.set_fraction (πρόοδος); // Επανάληψη έως 100% πρόοδος επιστροφής <1.0;});

Σύνδεσμοι ενδιαφέροντος 
http://www.valadoc.org/#!wiki=index (μπορείτε να βρείτε όλα τα στοιχεία gtk με τις μεθόδους τους ...)