Programos kūrimas („Vala + GTK 3“) [3 dalis]

Šioje dalyje pamatysime, kaip sukurti kitą langą ir suprojektuoti jį naudojant GTK. Taip pat pamatysime keletą funkcijų, pavyzdžiui, klausimų pridėjimą ir trijų mygtukų naudojimą (50%, užšaldymas ir perdavimas).

Įrankių juosta ir įrankių mygtukas

Sukurkite įrankių juostą:

Sukūrę įrankių mygtuką, šiuo atveju įdėsime piktogramą (pagal nutylėjimą galite rasti daug piktogramų čia) su «from_stock (Gtk.Stock.IconName):

Matome, kad savo programoje turime juostą su dviem mygtukais viršuje, kur pirmąjį naudosime kurdami naujus klausimus, o antrąjį - importuodami klausimus (per failą):

Klausimų kūrimas:
Mygtukas, kurį sukūrėme anksčiau (įrankių juostoje) spustelėjęs, atidarysime naują gtk langą, kuris leis mums pridėti klausimų į mūsų duomenų bazę:

Norėdami sukurti naują langą, sukursime naują klasę, kurią vadinsime klausimais ir kaip mūsų „App“ klasė sukurs naują langą (this.window = new Gtk.Window ();)

Norėdami sukurti grafinę sąsają, naudosime kelis komponentus;

-Label (klausimai)

- Įrašas (kur parašysime klausimą)

-Label (atsakymai)

- 4 horizontalūs langeliai, kuriuose bus įrašas (atsakymas) ir jungiklis (norint pasirinkti, ar jis teisingas)

-Mygtukas (užbaigti)

Mes galime pamatyti, kaip tai atrodo:

Norėdami išsaugoti klausimą, turėsime gauti įrašų tekstą, jie gaunami su get_text (), kuris grąžina eilutę.

Norėdami sužinoti, ar jungiklis yra aktyvus, galime naudoti jo metodą gauti_aktyvus (), kuris grįžta į tiesą, jei jis įjungtas, ir įsijungia, jei jis išjungtas.

 50% „Freeze“ ir „Pass“ mygtukai:

 -penkiasdešimt%:

50% turime tik pažiūrėti, kuris mygtukas yra teisingas, ir pašalinti 2 neteisingus mygtukus, šiuo atveju juos atšauksime naudodami set_sensitive (false).

Rezultatas:

-Šaldyti:

Vėl nustatėme juostą į 0.

this.time_bar.set_fraction (0);

-Pass:

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

 Kita dalis (4):

Kitoje dalyje pamatysime, kaip patobulinti mūsų programos aspektus, pvz., Kad klausimai ne visada rodomi toje pačioje pozicijoje, įdėkite piktogramą į programą ...