Creazione di un'app (Vala + GTK 3) [3a parte]

In questa parte vedremo come creare un'altra finestra e disegnarla con GTK. Vedremo anche alcune funzionalità come l'aggiunta di domande e l'utilizzo dei tre pulsanti (50%, blocca e passa).

ToolBar e ToolButton

Crea una barra degli strumenti:

Creando un ToolButton, in questo caso metteremo un'icona (puoi trovare molte icone di default qui) con «from_stock (Gtk.Stock.IconName):

Possiamo vedere che nella nostra applicazione abbiamo una barra con due pulsanti in alto, dove useremo il primo per creare nuove domande e il secondo per importare domande (tramite un file):

Creazione di domande:
Il pulsante che abbiamo creato in precedenza (nella barra degli strumenti) quando ci clicchiamo sopra, apriremo una nuova finestra gtk che ci permetterà di aggiungere domande al nostro database:

Per creare una nuova finestra creeremo una nuova classe, che chiameremo Domande, e come la nostra classe App creerà una nuova finestra (this.window = new Gtk.Window ();)

Useremo alcuni componenti per creare l'interfaccia grafica in ordine;

-Etichetta (Domande)

- Ingresso (dove scriveremo la domanda)

-Etichetta (risposte)

- 4 caselle orizzontali che conterranno una Entry (la risposta) e un Switch (da selezionare se è quella corretta)

-Pulsante (per completare)

Possiamo vedere come appare:

Per salvare la domanda dovremo ottenere il testo delle entrate, si ottengono con get_text () che restituisce una stringa.

Per sapere se è attivo uno Switch possiamo usare il suo metodo get_active () che restituisce true se è acceso e flase se è spento.

 Pulsanti 50%, Blocca e Passa:

 -fifty%:

Per il 50% dobbiamo solo guardare quale è il pulsante corretto e rimuovere 2 che non sono quello corretto, in questo caso li cancelliamo con set_sensitive (false).

risultato:

-Congelare:

Impostiamo nuovamente la barra su 0.

this.timebar.set_fraction (0);

-Passaggio:

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

 Parte successiva (4):

Nella prossima puntata vedremo come migliorare gli aspetti della nostra applicazione, come ad esempio che le domande non appaiono sempre nella stessa posizione, metti un'icona sull'app ...