Crearea unei aplicații (Vala + GTK 3) [a treia parte]

În această parte vom vedea cum să creăm o altă fereastră și să o proiectăm cu GTK. Vom vedea, de asemenea, unele funcționalități, cum ar fi adăugarea de întrebări și utilizarea celor trei butoane (50%, îngheț și trecere).

ToolBar și ToolButton

Creați o bară de instrumente:

Crearea unui ToolButton, în acest caz vom pune o pictogramă (puteți găsi multe pictograme în mod implicit aici) cu «from_stock (Gtk.Stock.IconName):

Putem vedea că în aplicația noastră avem o bară cu două butoane în partea de sus, unde vom folosi primul pentru a crea întrebări noi și al doilea pentru a importa întrebări (printr-un fișier):

Crearea întrebărilor:
Butonul pe care l-am creat anterior (în bara de instrumente) când facem clic pe el, vom deschide o nouă fereastră gtk care ne va permite să adăugăm întrebări la baza noastră de date:

Pentru a crea o fereastră nouă vom crea o nouă clasă, pe care o vom numi Întrebări, și modul în care clasa noastră de aplicații va crea o nouă fereastră (this.window = new Gtk.Window ();)

Vom folosi câteva componente pentru a crea interfața grafică în ordine;

-Label (Întrebări)

- Intrare (unde vom scrie întrebarea)

-Etichetă (răspunsuri)

- 4 casete orizontale care vor conține o intrare (răspunsul) și un comutator (pentru a selecta dacă este corect)

-Buton (pentru a finaliza)

Putem vedea cum arată:

Pentru a salva întrebarea va trebui să obținem textul intrărilor, acestea sunt obținute cu get_text () care returnează un șir.

Pentru a ști dacă un Switch este activ putem folosi metoda sa get_active () care returnează adevărat dacă este activat și afișează dacă este dezactivat.

 50%, butoane Freeze și Pass:

 -50%:

Pentru 50% trebuie doar să ne uităm la care este butonul corect și să eliminăm 2 care nu sunt corecte, în acest caz le anulăm cu set_sensitive (false).

rezultat:

-Îngheţa:

Am setat din nou bara la 0.

this.time_bar.set_fraction (0);

-Trece:

button3.clicked.connect (() => {
this.bd_select_preguntas ();
this.next_pregunta();
});

 Partea următoare (4):

În următoarea tranșă vom vedea cum să îmbunătățim aspectele aplicației noastre, cum ar fi faptul că întrebările nu apar întotdeauna în aceeași poziție, punem o pictogramă aplicației ...