{"id":265,"date":"2019-01-16T21:49:46","date_gmt":"2019-01-16T21:49:46","guid":{"rendered":"https:\/\/web.htk.tlu.ee\/digitaru\/programmeerimine\/?post_type=chapter&p=265"},"modified":"2023-12-13T12:17:45","modified_gmt":"2023-12-13T12:17:45","slug":"lihtne-kasutajaliides-easyguiga","status":"publish","type":"chapter","link":"https:\/\/web.htk.tlu.ee\/digitaru\/programmeerimine\/chapter\/lihtne-kasutajaliides-easyguiga\/","title":{"raw":"Lihtne kasutajaliides EasyGUIga","rendered":"Lihtne kasutajaliides EasyGUIga"},"content":{"raw":"Varem kasutasime kasutajaliidese loomiseks moodulit tkinter<\/em>, kuid selleks on teisigi v\u00f5imalusi. Seekord vaatame moodulit easygui<\/em>, millega on kasutajaga suhtlemine lihtsam (kuigi v\u00e4hem paindlik). Mooduli nimes sisalduv l\u00fchend GUI t\u00e4histab graafilist kasutajaliidest<\/strong> (ingl graphical user interface<\/em>).\r\n

EasyGUI paigaldamine<\/h3>\r\n

Moodul EasyGUI<\/a> ei ole osa Pythoniga vaikimisi kaasas olevatest moodulitest, seet\u00f5ttu tuleb see esmalt paigaldada. Mooduli paigaldamiseks ava Thonny ning vali Tools (T\u00f6\u00f6ristad) --> Manage packages... (Halda lisapakke...) --> otsida EasyGui --> valida easygui --> Install.<\/p>\r\n\r\n

Nuppudega dialoogiaken<\/h3>\r\n

Esimese n\u00e4itena teeme teatega dialoogiakna:<\/p>\r\nN\u00e4iteprogramm. \u00dche nupuga dialoogiaken<\/strong>\r\n

from easygui import *                              # EasyGui kasutamiseks importida\r\n \r\nmsgbox(\"Minu esimene graafiline kasutajaliides!!\") # teateaken<\/pre>\r\nTulemus peaks v\u00e4lja n\u00e4gema selline:\r\n\r\n\"\"\r\n\r\nSageli on vaja luua rohkem kui \u00fcks nupp. J\u00e4rgmises n\u00e4ites on juba mitu nuppu:\r\n\r\nN\u00e4iteprogramm. Mitme nupuga dialoogiaken<\/strong>\r\n
from easygui import *\r\n \r\nnupud = [\"lihtne\",\"ok\",\"keeruline\"]\r\nvajutati = buttonbox(\"Programmeerimine on \", choices = nupud)\r\nmsgbox(\"Te arvate, et programmeerimine on \" + vajutati + \"!\")<\/pre>\r\n
Kui kasutaja vajutab nuppu, siis buttonbox<\/code><\/code> tagastab valiku teksti, mis salvestatakse muutujasse vajutati<\/code>. Kui kasutaja hoopis suleb dialoogiakna, siis tagastatakse None<\/code>.<\/p>\r\n
N\u00fc\u00fcd k\u00fcsitakse nii:<\/p>\r\n\"\"\r\n\r\nSamuti n\u00e4idatakse kasutaja valikut:\r\n\r\n\"\"\r\n
J\u00e4rjendiga dialoogiaken<\/h3>\r\n
Kui valikuid on v\u00e4he ja nende tekstid on l\u00fchikesed, siis on nupud heaks v\u00f5imaluseks. Pikemate tekstidega ja\/v\u00f5i suurema hulga valikute korral v\u00f5ib olla m\u00f5istlikum valik j\u00e4rjendina esitada:<\/p>\r\nN\u00e4iteprogramm. Valik j\u00e4rjendina<\/strong>\r\n
from easygui import *\r\n \r\nvariandid = [\"minu lemmik\",\"lihtne\",\"ok\",\"keeruline\"]\r\nvajutati = choicebox(\"Programmeerimine on \", choices = variandid)\r\nif vajutati == None:\r\n    msgbox(\"Te ei valinud midagi!\")\r\nelif vajutati == \"minu lemmik\":\r\n    msgbox(\"Programmeerimine on teie lemmik! Muidugi nii peakski olema!\")\r\nelse:\r\n    msgbox(\"Te arvate, et programmeerimine on \" + vajutati + \", hmm, v\u00e4ga huvitav!\")<\/pre>\r\nNii saame j\u00e4rgmise dialoogiakna:\r\n\r\n\"\"\r\n
Kasutajalt andmete k\u00fcsimine<\/h3>\r\nKasutajalt saab andmeid k\u00fcsida funktsiooni enterbox<\/code><\/code> abil. Kui tahame t\u00e4isarvulist vastust, siis on sobilik kasutada funktsiooni integerbox<\/code><\/code>, millele saab ette anda \u00fclemise ja alumise piiri. Kui sisestatu ei mahu piiridesse, siis k\u00fcsitakse uuesti.\r\n\r\nN\u00e4iteprogramm. Vanuse k\u00fcsimine<\/strong>\r\n
from easygui import *\r\n \r\nnimi = enterbox(\"Tere, kuidas on teie nimi?\")\r\nvanus = integerbox(\"Kui vana te olete?\", lowerbound = 1, upperbound = 120)\r\nif nimi == None or vanus == None or nimi == \"\":\r\n    msgbox(\"Palun sisestage andmed korrektselt!\")\r\nelse:\r\n    msgbox(\"Tere, \" + str(vanus)  + \"-aastane \" + nimi + \"!\")<\/pre>\r\nKasutajalt k\u00fcsitakse kaks k\u00fcsimust. Esimese puhul kasutatakse funktsiooni enterbox<\/code>:\r\n\r\n\"\"\r\n\r\nTeise k\u00fcsimuse korral kasutatakse funktsiooni integerbox:<\/code>\r\n\r\n\"\"\r\n
Tulemus n\u00e4idatakse msgbox<\/code> abil:<\/p>\r\n\"\"\r\n
Veel EasyGUI-st<\/h3>\r\nEasyGUI-l on veel v\u00f5imalusi, n\u00e4iteks saab lisada pilte<\/a>. Julgesti v\u00f5ib uurida EasyGUI lehte<\/a>.\r\n
Video<\/h3>\r\nVaata ka kokkuv\u00f5tvat videot<\/a>.\r\n
Failit\u00f6\u00f6tlus kasutajaliidesega<\/h3>\r\nL\u00f5petuseks toome paar varianti varem uuritud failit\u00f6\u00f6tluse programmidest, kus kasutame graafilist kasutajaliidest:\r\n\r\nN\u00e4iteprogramm. Faili kirjutamine koos salvestamise aknaga<\/strong>\r\n
from easygui import *\r\n \r\nnimi = enterbox(\"Palun sisesta oma nimi: \")\r\nvanus = integerbox(\"Palun sisesta oma vanus: \", lowerbound = 1, upperbound = 120)\r\naadress = enterbox(\"Palun sisesta oma aadress: \")\r\n \r\nfailinimi = filesavebox()\r\n \r\nf = open(failinimi, \"w\")\r\nf.write(nimi + \"\\n\")\r\nf.write(str(vanus) + \"\\n\")\r\nf.write(aadress + \"\\n\")\r\nf.close()<\/pre>\r\nN\u00e4iteprogramm. Failist lugemine koos faili valimise aknaga<\/strong>\r\n
from easygui import *\r\n \r\nfailinimi = fileopenbox()\r\n \r\nf = open(failinimi)\r\n \r\nnimi = f.readline().strip()\r\nvanus = f.readline().strip()\r\naadress = f.readline().strip()\r\n \r\nf.close()\r\n \r\ntekst = \"Nimi: \" + nimi + \"\\n\"+ \"Vanus: \" + vanus + \" aastat\\n\" + \"Aadress: \" + aadress\r\n \r\nmsgbox(tekst)<\/pre>\r\n ","rendered":"
Varem kasutasime kasutajaliidese loomiseks moodulit tkinter<\/em>, kuid selleks on teisigi v\u00f5imalusi. Seekord vaatame moodulit easygui<\/em>, millega on kasutajaga suhtlemine lihtsam (kuigi v\u00e4hem paindlik). Mooduli nimes sisalduv l\u00fchend GUI t\u00e4histab graafilist kasutajaliidest<\/strong> (ingl graphical user interface<\/em>).<\/p>\n
EasyGUI paigaldamine<\/h3>\n
Moodul EasyGUI<\/a> ei ole osa Pythoniga vaikimisi kaasas olevatest moodulitest, seet\u00f5ttu tuleb see esmalt paigaldada. Mooduli paigaldamiseks ava Thonny ning vali Tools (T\u00f6\u00f6ristad) –> Manage packages… (Halda lisapakke…) –> otsida EasyGui –> valida easygui –> Install.<\/p>\n
Nuppudega dialoogiaken<\/h3>\n
Esimese n\u00e4itena teeme teatega dialoogiakna:<\/p>\n
N\u00e4iteprogramm. \u00dche nupuga dialoogiaken<\/strong><\/p>\n
from easygui import *                              # EasyGui kasutamiseks importida\r\n \r\nmsgbox(\"Minu esimene graafiline kasutajaliides!!\") # teateaken<\/pre>\n
Tulemus peaks v\u00e4lja n\u00e4gema selline:<\/p>\n
\"\"<\/p>\n
Sageli on vaja luua rohkem kui \u00fcks nupp. J\u00e4rgmises n\u00e4ites on juba mitu nuppu:<\/p>\n
N\u00e4iteprogramm. Mitme nupuga dialoogiaken<\/strong><\/p>\n
from easygui import *\r\n \r\nnupud = [\"lihtne\",\"ok\",\"keeruline\"]\r\nvajutati = buttonbox(\"Programmeerimine on \", choices = nupud)\r\nmsgbox(\"Te arvate, et programmeerimine on \" + vajutati + \"!\")<\/pre>\n
Kui kasutaja vajutab nuppu, siis buttonbox<\/code><\/code> tagastab valiku teksti, mis salvestatakse muutujasse vajutati<\/code>. Kui kasutaja hoopis suleb dialoogiakna, siis tagastatakse None<\/code>.<\/p>\n
N\u00fc\u00fcd k\u00fcsitakse nii:<\/p>\n
\"\"<\/p>\n
Samuti n\u00e4idatakse kasutaja valikut:<\/p>\n
\"\"<\/p>\n
J\u00e4rjendiga dialoogiaken<\/h3>\n
Kui valikuid on v\u00e4he ja nende tekstid on l\u00fchikesed, siis on nupud heaks v\u00f5imaluseks. Pikemate tekstidega ja\/v\u00f5i suurema hulga valikute korral v\u00f5ib olla m\u00f5istlikum valik j\u00e4rjendina esitada:<\/p>\n
N\u00e4iteprogramm. Valik j\u00e4rjendina<\/strong><\/p>\n
from easygui import *\r\n \r\nvariandid = [\"minu lemmik\",\"lihtne\",\"ok\",\"keeruline\"]\r\nvajutati = choicebox(\"Programmeerimine on \", choices = variandid)\r\nif vajutati == None:\r\n    msgbox(\"Te ei valinud midagi!\")\r\nelif vajutati == \"minu lemmik\":\r\n    msgbox(\"Programmeerimine on teie lemmik! Muidugi nii peakski olema!\")\r\nelse:\r\n    msgbox(\"Te arvate, et programmeerimine on \" + vajutati + \", hmm, v\u00e4ga huvitav!\")<\/pre>\n
Nii saame j\u00e4rgmise dialoogiakna:<\/p>\n
\"\"<\/p>\n
Kasutajalt andmete k\u00fcsimine<\/h3>\n
Kasutajalt saab andmeid k\u00fcsida funktsiooni enterbox<\/code><\/code> abil. Kui tahame t\u00e4isarvulist vastust, siis on sobilik kasutada funktsiooni integerbox<\/code><\/code>, millele saab ette anda \u00fclemise ja alumise piiri. Kui sisestatu ei mahu piiridesse, siis k\u00fcsitakse uuesti.<\/p>\n
N\u00e4iteprogramm. Vanuse k\u00fcsimine<\/strong><\/p>\n
from easygui import *\r\n \r\nnimi = enterbox(\"Tere, kuidas on teie nimi?\")\r\nvanus = integerbox(\"Kui vana te olete?\", lowerbound = 1, upperbound = 120)\r\nif nimi == None or vanus == None or nimi == \"\":\r\n    msgbox(\"Palun sisestage andmed korrektselt!\")\r\nelse:\r\n    msgbox(\"Tere, \" + str(vanus)  + \"-aastane \" + nimi + \"!\")<\/pre>\n
Kasutajalt k\u00fcsitakse kaks k\u00fcsimust. Esimese puhul kasutatakse funktsiooni enterbox<\/code>:<\/p>\n
\"\"<\/p>\n
Teise k\u00fcsimuse korral kasutatakse funktsiooni integerbox:<\/code><\/p>\n
\"\"<\/p>\n
Tulemus n\u00e4idatakse msgbox<\/code> abil:<\/p>\n
\"\"<\/p>\n
Veel EasyGUI-st<\/h3>\n
EasyGUI-l on veel v\u00f5imalusi, n\u00e4iteks saab lisada pilte<\/a>. Julgesti v\u00f5ib uurida EasyGUI lehte<\/a>.<\/p>\n
Video<\/h3>\n
Vaata ka kokkuv\u00f5tvat videot<\/a>.<\/p>\n
Failit\u00f6\u00f6tlus kasutajaliidesega<\/h3>\n
L\u00f5petuseks toome paar varianti varem uuritud failit\u00f6\u00f6tluse programmidest, kus kasutame graafilist kasutajaliidest:<\/p>\n
N\u00e4iteprogramm. Faili kirjutamine koos salvestamise aknaga<\/strong><\/p>\n
from easygui import *\r\n \r\nnimi = enterbox(\"Palun sisesta oma nimi: \")\r\nvanus = integerbox(\"Palun sisesta oma vanus: \", lowerbound = 1, upperbound = 120)\r\naadress = enterbox(\"Palun sisesta oma aadress: \")\r\n \r\nfailinimi = filesavebox()\r\n \r\nf = open(failinimi, \"w\")\r\nf.write(nimi + \"\\n\")\r\nf.write(str(vanus) + \"\\n\")\r\nf.write(aadress + \"\\n\")\r\nf.close()<\/pre>\n
N\u00e4iteprogramm. Failist lugemine koos faili valimise aknaga<\/strong><\/p>\n
from easygui import *\r\n \r\nfailinimi = fileopenbox()\r\n \r\nf = open(failinimi)\r\n \r\nnimi = f.readline().strip()\r\nvanus = f.readline().strip()\r\naadress = f.readline().strip()\r\n \r\nf.close()\r\n \r\ntekst = \"Nimi: \" + nimi + \"\\n\"+ \"Vanus: \" + vanus + \" aastat\\n\" + \"Aadress: \" + aadress\r\n \r\nmsgbox(tekst)<\/pre>\n
 <\/p>\n","protected":false},"author":12,"menu_order":4,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-265","chapter","type-chapter","status-publish","hentry"],"part":233,"_links":{"self":[{"href":"https:\/\/web.htk.tlu.ee\/digitaru\/programmeerimine\/wp-json\/pressbooks\/v2\/chapters\/265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/web.htk.tlu.ee\/digitaru\/programmeerimine\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/web.htk.tlu.ee\/digitaru\/programmeerimine\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/web.htk.tlu.ee\/digitaru\/programmeerimine\/wp-json\/wp\/v2\/users\/12"}],"version-history":[{"count":8,"href":"https:\/\/web.htk.tlu.ee\/digitaru\/programmeerimine\/wp-json\/pressbooks\/v2\/chapters\/265\/revisions"}],"predecessor-version":[{"id":571,"href":"https:\/\/web.htk.tlu.ee\/digitaru\/programmeerimine\/wp-json\/pressbooks\/v2\/chapters\/265\/revisions\/571"}],"part":[{"href":"https:\/\/web.htk.tlu.ee\/digitaru\/programmeerimine\/wp-json\/pressbooks\/v2\/parts\/233"}],"metadata":[{"href":"https:\/\/web.htk.tlu.ee\/digitaru\/programmeerimine\/wp-json\/pressbooks\/v2\/chapters\/265\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/web.htk.tlu.ee\/digitaru\/programmeerimine\/wp-json\/wp\/v2\/media?parent=265"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/web.htk.tlu.ee\/digitaru\/programmeerimine\/wp-json\/pressbooks\/v2\/chapter-type?post=265"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/web.htk.tlu.ee\/digitaru\/programmeerimine\/wp-json\/wp\/v2\/contributor?post=265"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/web.htk.tlu.ee\/digitaru\/programmeerimine\/wp-json\/wp\/v2\/license?post=265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}