Tworzenie aplikacji Vala + Gtk3. [Pierwsza część]

Po pierwszy post Przeczytałem komentarz, że lepiej byłoby zacząć od czegoś bardziej złożonego niż „witaj świecie”, wtedy zrobię sekwencję (Lub 3 4) post tworząc prostą aplikację (z vala + gtk 3).

Aplikacja będzie składać się z prostej gry pytań i odpowiedzi wielokrotnego wyboru (typu Ciekawostki), w której udzielenie odpowiedzi na 3 pytania kończy się błędnie (koniec gry), a celem jest udzielenie odpowiedzi na jak największą liczbę pytań, na każde pytanie masz ograniczony czas odpowiedzieć.

Konstrukcja

Głównym projektem naszej aplikacji będzie:

Później wstawimy kilka przycisków, które dadzą nam opcję 50% (eliminując dwie błędne odpowiedzi), zatrzymaj czas, zadaj pytanie. Wszystkie z nich mogą być użyte tylko raz, po ich użyciu są wyłączone.

Projekt a Kod
Jak widać w projekcie widzimy elementy gtk, których będziemy używać:

Odpowiedzi -> Przycisk.

Pytanie -> Etykieta.

Czas -> ProgressBar.

Niewłaściwe / prawidłowe punkty i pytania -> Etykieta.

Widzimy, że mamy strukturę pionową, dlatego możemy używać GBox w pionie.

Kod

int main (string [] args) {Gtk.init (ref args); var window = nowe Gtk.Window (); window.title = "aplikacja"; window.window_position = Gtk.WindowPosition.CENTER; window.set_default_size (300, 340); window.destroy.connect (Gtk.main_quit); window.set_border_width (10); // pionowe pudełko var box = new Gtk.Box (Gtk.Orientation.VERTICAL, 0); box.set_spacing (10); // Etykieta dla pytania var question = new Gtk.Label ("Pytanie?"); // pasek programu czasowego var time_bar = new Gtk.ProgressBar (); timebar.set_text ("Czas"); time_bar.set_show_text (true); // Przyciski odpowiedzi var response1 = new Gtk.Button.with_label ("Odpowiedź 1"); var resposta2 = nowy Gtk.Button.with_label ("Odpowiedz 2"); var resposta3 = nowy Gtk.Button.with_label ("Odpowiedz 3"); var resposta4 = nowy Gtk.Button.with_label ("Odpowiedz 4"); // etykiety informacji var points = new Gtk.Label ("Points: 0"); box.pack_start (pytanie); box.pack_start (pasek_czasu); box.pack_start (odpowiedź1); box.pack_start (resposta2); box.pack_start (resposta3); box.pack_start (resposta4); box.pack_start (punkty); window.add (box); window.show_all (); Gtk.main (); return 0;}

Do przesunięcia "czasu" używamy GLib.Timeout, gdzie co 500 milisekund będzie on aktywowany (jest to pętla, w której zmienna zawierająca wartość naszego słupka będzie rosła)

GLib.Timeout.add (500, () => {// Pobierz aktualny postęp: // (0.0 -> 0%; 1.0 -> 100%) double progress = time_bar.get_fraction (); // Zaktualizuj pasek: postęp = postęp + 0.01; time_bar.set_fraction (postęp); // Powtarzaj do 100% zwrotu postępu <1.0;});

Interesujące linki 
http://www.valadoc.org/#!wiki=index (możesz znaleźć wszystkie elementy gtk z ich metodami ...)