Oprettelse af en app (Vala + GTK 3) [3. del]

I denne del vil vi se, hvordan man opretter et andet vindue og designer det med GTK. Vi vil også se nogle funktioner som at tilføje spørgsmål og bruge de tre knapper (50%, fryse og videregive).

Toolbar og ToolButton

Opret en værktøjslinje:

Oprettelse af en ToolButton, i dette tilfælde lægger vi et ikon (du kan som standard finde mange ikoner her) med «fra_stock (Gtk.Stock.IconName):

Vi kan se, at i vores applikation har vi øverst en bjælke med to knapper, hvor vi bruger den første til at oprette nye spørgsmål og den anden til at importere spørgsmål (gennem en fil):

Oprettelse af spørgsmål:
Den knap, vi oprettede tidligere (i værktøjslinjen), når vi klikker på den, åbner vi et nyt gtk-vindue, der giver os mulighed for at tilføje spørgsmål til vores database:

For at oprette et nyt vindue opretter vi en ny klasse, som vi kalder spørgsmål, og hvordan vores App-klasse opretter et nyt vindue (this.window = new Gtk.Window ();)

Vi bruger et par komponenter til at oprette den grafiske grænseflade i rækkefølge;

-Mærke (spørgsmål)

- Indgang (hvor vi skriver spørgsmålet)

-Mærke (svar)

- 4 vandrette felter, der indeholder en indtastning (svaret) og en switch (for at vælge, om det er korrekt)

-Knap (for at fuldføre)

Vi kan se, hvordan det ser ud:

For at gemme spørgsmålet bliver vi nødt til at hente teksten i posterne, de opnås med get_text (), som returnerer en streng.

For at vide, om en switch er aktiv, kan vi bruge metoden get_active () som returnerer sandt, hvis det er tændt, og flasker, hvis det er slukket.

 50%, Frys og Pass-knapper:

 halvtreds%:

For 50% skal vi kun se på, hvilken der er den rigtige knap og fjerne 2, der ikke er korrekte. I dette tilfælde annullerer vi dem med set_sensitive (false).

resultat:

-Fryse:

Vi satte bjælken til 0 igen.

this.time_bar.set_fraction (0);

-Passere:

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

 Næste del (4):

I den næste rate vil vi se, hvordan vi forbedrer aspekter af vores applikation, såsom at spørgsmålene ikke altid vises i samme position, sæt et ikon i appen ...