Creazione di un'app Vala + Gtk3. [Prima parte]

Dopo primo post Ho letto un commento secondo cui sarebbe stato meglio iniziare con qualcosa di più complesso di un "ciao mondo", quindi farò una sequenza (3 o 4) post creando una semplice applicazione (con vala + gtk 3).

L'applicazione consisterà in un semplice gioco di domande e risposte a scelta multipla (tipo Trivia), in cui rispondere a 3 domande termina erroneamente (game over), e l'obiettivo è rispondere a quante più domande possibili, per ogni domanda hai un tempo limitato rispondere.

disegno

Il design principale della nostra applicazione sarà:

Successivamente inseriremo alcuni pulsanti che ci daranno l'opzione del 50% (eliminando due risposte sbagliate), congelare il tempo, passare una domanda. Tutti possono essere utilizzati una sola volta, essendo disabilitati una volta utilizzati.

Progettare un Codice
Come possiamo vedere nel design possiamo vedere gli elementi gtk che useremo:

Risposte -> Pulsante.

Domanda -> Etichetta.

Ora -> ProgressBar.

Punti e domande errati / corretti -> Etichetta.

Possiamo vedere che abbiamo una struttura verticale quindi possiamo usare GBox verticalmente.

Codice

int main (string [] args) {Gtk.init (ref args); var window = new Gtk.Window (); window.title = "app"; window.window_position = Gtk.WindowPosition.CENTER; window.set_default_size (300, 340); window.destroy.connect (Gtk.main_quit); window.set_border_width (10); // box verticale var box = new Gtk.Box (Gtk.Orientation.VERTICAL, 0); box.set_spacing (10); // Etichetta per la domanda var question = new Gtk.Label ("Question?"); // barra temporale progressiva var time_bar = new Gtk.ProgressBar (); time_bar.set_text ("Time"); time_bar.set_show_text (true); // Pulsanti di risposta var response1 = new Gtk.Button.with_label ("Response 1"); var resposta2 = new Gtk.Button.with_label ("Rispondi 2"); var resposta3 = new Gtk.Button.with_label ("Rispondi 3"); var resposta4 = new Gtk.Button.with_label ("Rispondi 4"); // etichette info var points = new Gtk.Label ("Points: 0"); box.pack_start (domanda); box.pack_start (time_bar); box.pack_start (reply1); box.pack_start (resposta2); box.pack_start (resposta3); box.pack_start (resposta4); box.pack_start (punti); window.add (box); window.show_all (); Gtk.main (); return 0;}

Per spostare il "tempo" utilizziamo GLib.Timeout dove ogni 500 millisecondi verrà attivato (è un loop dove la variabile che contiene il valore della nostra barra aumenterà)

GLib.Timeout.add (500, () => {// Ottieni il progresso corrente: // (0.0 -> 0%; 1.0 -> 100%) double progress = time_bar.get_fraction (); // Aggiorna la barra: progress = progress + 0.01; time_bar.set_fraction (progress); // Ripeti fino al 100% return progress <1.0;});

Link di interesse 
http://www.valadoc.org/#!wiki=index (puoi trovare tutti gli elementi gtk con i loro metodi ...)