Proiect. Construirea interfetei

Transcription

1 Proiect Vom construi un proiect in care vom utiliza o parte din controalele studiate. Vom construi un formular care permite introducerea si validarea informatiilor despre un angajat. Construirea interfetei Creati un proiect Windows Forms cu numele FormularAngajat Pentru forma care se deschide setati urmatoarele proprietati: o (Name) : mainform o Font : Bold o FormBorderStyle : FixedDialog o MaximizeBox: False o MinimizeBox: False o Size: 570, 500 o StartPosition: CenterScreen o Text: Informatii Angajat Trageti pe forma, din sectiunea Containers, un obiect GroupBox care permite gruparea unor controale si setati urmatoarele proprietati: o (Name) : firstgroupbox o Location : 125, 12 o Size : 275, 270 Trageti in acest GroupBox patru controale TextBox si setati, in ordine, urmatoarele proprietati : o (Name) : nametextbox, functiontextbox, descriptiontextbox, agetextbox o Location : (0, 19) ; (0, 56) ; (0, 91) ; (0, 207) o Size : (275, 20), (275, 20), (275, 100), (100, 20) Selectati a treia caseta de text (descriptiontextbox) si setati urmatoarele proprietati suplimentare : o Multiline : true o ScrollBars : Both (bare de derulare) Trageti in GroupBox doua controale RadioButton si setati, in ordine, urmatoarele proprietati: o (Name): maleradiobutton, femaleradiobutton o Location: (0, 244); (208, 244) o Text: Masculin, Feminin Trageti pe forma un alt GroupBox si setati urmatoarele proprietati: o (Name) : secondgroupbox o Location : 16, 300 o Size : 540, 40 o Text : Sporuri Trageti in acest GroupBox patru controale CheckBox si setati, in ordine, urmatoarele proprietati : o (Name) : oldcheckbox, stresscheckbox, fidelitycheckbox, leadcheckbox o Location : (48, 15) ; (176, 15) ; (298, 15) ; (430, 15) o Text : Vechime, Stre, Fidelitate, Conducere Trageti pe forma, in afara oricarui GroupBox, cinci controale Label si setati, in ordine, urmatoarele proprietati : o (Name) : namelabel, functionlabel, descriptionlabel, agelabel, gendrelabel o Location: (16, 38); (16, 73); (16, 119); (16, 220); (16, 256) o Text: Nume si prenume, Functia, Descriere, Varsta, Sex Trageti pe forma, in afara oricarui GroupBox, trei controale Button si setati, in ordine, urmatoarele proprietati: o (Name): startbutton, validatebutton, helpbutton o Location: (446, 28); (446, 89); (446, 148) o Size: 75, 40 o Text: Start, Valideaza, Help Creati in discul D un folder cu numele Imagini 1

2 Cautati pe net imaginile a doua butoane, unul rosu si unul albastru, care sa aiba cca 20 x 20 pixeli, sau 15 x 15 pixeli Salvati butonul rosu cu numele dot.jpg (cautati o imagine JPEG), iar cel verde cu numele dot2.jpg Vom atasa butonului Start imaginea butonului rosu, care se va schimba la apasarea butonului, in imaginea butonului verde, corespunzator starilor : oprit, pornit Selectati butonul Start si, in fereastra Properties, selectati Image, faceti clic pe caseta cu trei puncte si in fereastra de dialog care se deschide bifati butonul Local resource si faceti clic pe Import Selectati imaginea dot.jpg si faceti clic pe Open, apoi pe OK Selectati proprietatea ImageAlign si alegeti alinierea imaginii ca MiddleLeft Trageti pe forma, sub grupul de controale CheckBox, un control TextBox si setati urmatoarele proprietati : o (Name) : infotextbox o Dock : Bottom (se va fixa la baza formei ocupand tot spatiul disponibil pe latime) o Multiline : true o ReadOnly : true o ScollBars : Both o Size : 564, 115 Interfata construita ar trebui sa arate astfel : 2

3 Scrierea codului Cum dorim să funcţioneze. Dorim ca la pornirea programului, nici un control cu excepţia butonului Start să nu fie activ. La apăsarea acestui buton, toate controalele vor deveni active, mai puţin butonul Validează. În plus, eticheta butonului Start va deveni Stop şi imaginea se va schimba. Butonul Valideaza va deveni activ doar în cazul în care informaţiile din toate controalele TextBox vor fi completate şi de asemenea va fi ales sexul persoanei respective. La apăsarea acestui buton, informaţiile culese vor fi afişate în controlul infotextbox din partea de jos a formei. În plus, la apăsarea butonului Help, în acelaşi control TextBox vor fi afişate informaţii despre modul de completare a interfeţei. Dacă se mai apasă o dată butonul Stop, eticheta lui va redeveni Start, imaginea afişată va fi cea iniţială şi toate controalele vor fi dezactivate. Pare complicat, dar C# ne oferă mecanisme puternice pentru realizarea acestui program. Pentru ca la deschiderea aplicatiei toate controalele sa fie inactive, mai putin butonul Start, vom scrie codul corespunzator in administratorul evenimentului Load care se executa la incarcarea si deschiderea formei pe ecran. Faceti dublu-clic pe bara de titlu a formei si scrieti codul in rosu : private void mainform_load(object sender, EventArgs e) nametextbox.enabled = false; functiontextbox.enabled = false; descriptiontextbox.enabled = false; agetextbox.enabled = false; maleradiobutton.enabled = false; femaleradiobutton.enabled = false; oldcheckbox.enabled = false; stresscheckbox.enabled=false; fidelitycheckbox.enabled = false; leadcheckbox.enabled = false; startbutton.enabled = true; validatebutton.enabled = false; helpbutton.enabled = false; infotextbox.enabled = false; nametextbox.tag = false; functiontextbox.tag = false; descriptiontextbox.tag = false; agetextbox.tag = false; maleradiobutton.tag = false; femaleradiobutton.tag = false; Practic, prin aceste linii de cod, am forţat prntru toate obiectele proprietatea Enabled la valoarea false, obiectele fiind implicit dezactivate. Ultimile cinc linii de cod le vom explica putin mai tarziu. Dorim ca la apasarea butonului Start toate controalele sa devina active si butonul sa-si schimbe strea si etiheta. Vom scrie acest cod in administratorul evenimentului Click. Faceti dublu-clic pe butonul Start pentru a crea administratorul implicit si scrieti codul in rosu : private void startbutton_click(object sender, EventArgs e) if (this.startbutton.text == "Start") startbutton.text = "Stop"; startbutton.image = Image.FromFile("D:/Imagini/dot2.jpg"); nametextbox.enabled = true; nametextbox.clear(); functiontextbox.enabled = true; functiontextbox.clear(); descriptiontextbox.enabled = true; descriptiontextbox.clear(); agetextbox.enabled = true; 3

4 agetextbox.clear(); maleradiobutton.enabled = true; maleradiobutton.checked = false; femaleradiobutton.enabled = true; femaleradiobutton.checked = false; oldcheckbox.enabled = true; oldcheckbox.checked = false; stresscheckbox.enabled = true; stresscheckbox.checked = false; fidelitycheckbox.enabled = true; fidelitycheckbox.checked = false; leadcheckbox.enabled = true; infotextbox.enabled = true; infotextbox.clear(); helpbutton.enabled = true; nametextbox.tag = false; functiontextbox.tag = false; descriptiontextbox.tag = false; agetextbox.tag = false; maleradiobutton.tag = false; femaleradiobutton.tag = false; nametextbox.focus(); //caseta pentru nume primeste focusul startbutton.text = "Start"; startbutton.image = Image.FromFile("D:/Imagini/dot.jpg"); nametextbox.enabled = false; functiontextbox.enabled = false; descriptiontextbox.enabled = false; agetextbox.enabled = false; maleradiobutton.enabled = false; femaleradiobutton.enabled = false; oldcheckbox.enabled = false; stresscheckbox.enabled = false; fidelitycheckbox.enabled = false; leadcheckbox.enabled = false; infotextbox.enabled = false; validatebutton.enabled = false; helpbutton.enabled = false; Codul handlerului este foarte uşor de înţeles. Se testează întâi dacă eticheta butonului startbutton este Start. Dacă da, se încarcă o nouă imagine pe buton şi toate controalele, mai puţin validatebutton sunt activate. In plus, toate casetele de text sunt «curatate» (este sters orice text introdus in caseta), iar butoanele radio si casetele de validare sunt nebifate. În caz contrar ( Stop în cazul nostru), se reâncarcă vechea imagine şi se dezactivează toate controalele. Acum să implementăm codul ce se execută la apăsarea butonului helpbutton. Faceti dublu-clic pe butonul Help si scrieti codul in rosu : private void helpbutton_click(object sender, EventArgs e) string output = "Nume si prenume: Numele si prenumele angajatului\r\n"; output += "Functia: Functia ocupata in cadrul firmei\r\n"; output += "Descriere: Descriera atributiilor aferente functiei\r\n"; output += "Varsta: Varsta angajatului in ani impliniti, minim 18, maxim 65\r\n"; 4

5 output += "Sex: Sexul masculin sau feminin\r\n"; output += "Spor: Sporurile acordate la salariu\r\n"; infotextbox.text = output; Şi acest cod este uşor de înţeles. Am declarat o variabilă string, numită output, în care adăugăm mai multe şiruri de caractere. La sfârşitul fiecărui şir de caractere se face trecerea la începutul unui rând nou, prin secvenţa \r\n. În final, textul astfel compus este atribuit proprietăţii Text a controlului infotextbox, ceea ce are ca efect afişarea textului în controlul TextBox. Va trebui acum să implementăm un mecanism de testare a condiţiei de activare a butonului validatebutton. Să ne reamintim că această condiţie este dată de inserarea de texte în controalele TextBox şi de selectarea unuia dintre controalele RadioButton. Va trebui astfel ca fiecărui control să-i asociem o stare de completat/necompletat, respectiv a fost selectat un buton/nu a fost selectat un buton. Stim deja că orice situaţie cu două stări poate fi reprezentată printr-o variabilă de tip bool. De aici ne-ar putea veni ideea să asociem fiecărui control care concurează în validarea butonului o variabilă bool, initial false şi care să devină true în momentul îndeplinirii condiţiei de validare. Este o soluţie corectă, dar greoaie, pentru că nu există un cuplaj strâns între controale şi variabilele asociate. Mai aproape de spiritul programării obiectuale ar fi ca această variabilă să facă parte din proprietăţile obiectului cu care lucrăm. Dar toate obiectele de pe interfaţă au proprietăţi standard, ca să adăugăm o nouă proprietate, ar trebui să definim o clasă derivată din clasa obiectului căreia să-i adăugăm noua proprietate. Este din nou o soluţie corectă, dar iarăşi greoaie. Din fericire, să ne ramintim că o proprietate comună tuturor obiectelor de interfaţă este Tag. Această proprietate poate fi folosită în diferite scopuri şi că în fereastra Properties acesteia îi poate fi asociat doar text. Prin cod însă, această proprietate poate fi definită şi bool. Deci, putem face această proprietate false iniţial (la incarcarea formei, in administratorul Load) şi apoi, odată cu satisfacerea condiţiei pe fiecare control în parte, o putem face true. In administratorul mainform_load exista déjà cele sase linii de cod care seteaza proprietatea Tag pentru controlale implicate in validare la valoarea false. Tot de o manieră relativ simplă putem implementa handlerul care se va executa la apăsarea butonului validatebutton. Faceti dublu click pe buton şi scrieti codul in rosu: private void validatebutton_click(object sender, EventArgs e) string output; output = "Nume si prenume: " + nametextbox.text + "\r\n"; output +="Functia: " + functiontextbox.text + "\r\n"; output += "Descriere: " + descriptiontextbox.text + "\r\n"; output += "Varsta: " + agetextbox.text + "\r\n"; if (maleradiobutton.checked) output += "Sexul: M\r\n"; output += "Sexul: F\r\n"; output += "Spor: "; if (oldcheckbox.checked) output += " Vechime "; if (stresscheckbox.checked) output += " Stres "; if (fidelitycheckbox.checked) output += " Fidelitate "; if (leadcheckbox.checked) output += " Conducere"; infotextbox.text = output; Metoda completează stringul output cu informaţiile culese din celelalte controale. Prima dată culege informaţiile din proprietatea Text a controalelor TextBox, pe care la adaugă la şir. Apoi verifică care din controalele RadioButton este validat şi adaugă la şir corespunzător sexului persoanei. Apoi, verifică starea de de validare a controelelor CheckBox şi adaugă textele corespunzătoare pentru fiecare din controalele validate. În final, afişează textul rezultat în controlul caseta infotextbox. Va trebui să implementăm acum funcţiile de validare. Adică, să verificăm dacă fiecare control TextBox are scris text şi dacă a fost ales sexul şi să nu activăm butonul validatebutton decât dacă condiţia enunţată anterior este satisfăcută. Pentru controalele TextBox, condiţia de validare (existenţa textului) trebuie testată la pierderea focusului. Pentru aceasta, putem crea un handler pentru evenimentul LostFocus. Dar, evenimentele GotFocus şi LostFocus sunt generate pentru controalele care recepţionează focusul şi respectiv pierd 5

6 focusul. Utilizarea acestor evenimente poate crea ambiguitate. O soluţie mai bună este să utilizăm evenimentul Validating, care ştim că se generează în mod unic la pierderea focusului. Pentru că mai multe controale se validează la fel, vom crea un administrator generic ca fi apelat de toate casetele de text care trebuie validate. Pentru a crea un astfel de administrator (numit si administrator de grup) putem proceda astfel : Faceti pe una dintre casetele de text, de exemplu cea pentru nume si prenume In fereastra Properties selectati tabul Events (fulgerul galben) si cautati evenimentul Validating Faceti dublu-clic pe acest eveniment si modificati administratorul creat ca mai jos : private void EmptyTextBox_Validating(object sender, CancelEventArgs e) TextBox tb = (TextBox)sender; if (tb.text.length == 0) tb.backcolor = Color.DarkGray; tb.tag = false; tb.tag = true; tb.backcolor = SystemColors.Window; if (tb == agetextbox && (bool)tb.tag == true) Int16 x; bool b = Int16.TryParse(tb.Text, out x); if (!b x < 18 x > 65) tb.tag = false; tb.backcolor = Color.DarkGray; Activare(); Am schimbat numele administratorului in EmptyTextBox. Metoda face o conversie explicită de tip a obiectului sender primit ca argument in TextBox, pentru a putea utiliza proprietăţile în conformitate cu cele declarate în clasa TextBox. Apoi verifică dacă lungimea textului din control este nulă (adică dacă s- a introdus text). Dacă nu, face proprietatea Tag false, pentru a marca neândeplinirea condiţiei şi transformă culoarea de fond a controlului în DarkGray. Dacă textul nu are lungime nulă, face Tag true pentru a marca îndeplinirea condiţiei pentru controlul respectiv şi reface fundalul implicit Windows. In plus, pentru caseta de text agetextbox trebuie validata valoarea introdusa care trebuie sa fie un numar intreg >=18 si <=65. Se incearca convertirea valorii introduse intr-un Int16 cu ajutorul metodei TryParse. Daca conversia reuseste, metoda va pozitiona variabila booleana b in true, in caz contrar o va pozitiona in false. Caseta agetextbox este invalidata daca fie conversia nu reuseste (b este false), fie conversia a reusit dar varsta nu se incadreaza in intervalul In aceasta situate proprietatea Tag primeste valoarea false si caseta isi schimba culoarea de fond in DarkGray. Va trebui sa directionam administratorii celor patru casete de text catre administratorul EmptyTextBox creat anterior. Pentru aceasta procedati astfel : Selectati caseta nametextbox In fereastra Properties selectati tabul Events Cautati evenimentul Validating Faceti clic pe Validating si din lista care se deschide selectati administratorul EmptyTextBox_Validating Repetati operatiile de mai sus pentru fiecare din casetele functiontextbox, descriptiontextbox, agetextbox Trebuie să mai verificam verificăm schimbarea stării de marcare a butoanelor radio. De fiecare dată când apăsăm click pe un buton radio dintr-un grup, să ne reamintim, se generează evenimentul 6

7 CheckChanged. Acest eveniment va trebui să îl interceptăm pentru cele 2 butoane. Din nou, vom crea un administrator generic care va fi folosit de cele doua butoane. Faceti dublu-clic pe unul din cele doua butoane radio Se creeaza administratorul implicit CheckedChanged. Modificati-l ca mai jos : private void sexradiobutton_checkedchanged(object sender, EventArgs e) RadioButton rb = (RadioButton)sender; if (rb.checked == true) rb.tag = true; rb.tag = false; Activare(); Selectati butonul maleradiobutton, selectati in fereastra Properties tabul Events, cautati evenimentul CheckedChanged, faceti clic pe el si selectati din lista sexradiobutton_checkedchanged Propcedati analog pentru butonul femaleradiobutton Evenimentul CheckChanged se produce de două ori la marcarea unui RadioButton: odată pentru butonul care a fost marcat şi o dată pentru butonul care a pierdut marcajul. În administrator, se testează starea butonului şi proprietatea Tag este făcută true pentru butonul care a primit marcajul şi false pentru butonul care a pierdut marcajul. Trebuie să adăugăm o funcţie, numită Activare(), care să verifice condiţia de activare a butonului validatebutton şi dacă aceasta este îndeplinită să îl activeze. Apelul acestei functii este deja scris in eveneimentele create anterior, dar functia nu a fost inca declarata. Apasati tasta F7 si in fereastra de cod, sub administratorul sexradiobutton_checkedchanged scrieti functia: private void Activare() validatebutton.enabled=((bool)nametextbox.tag) && ((bool)functiontextbox.tag) && ((bool)descriptiontextbox.tag) && ((bool)agetextbox.tag) && (((bool)maleradiobutton.tag) ((bool)femaleradiobutton.tag)); Functia asociază proprietăţii Enabled a butonului validatebutton rezultatul evaluării expresiei. Acesta este true doar dacă toate condiţiile de validare (etichetele Tag) sunt simultan îndeplinite. Deoarece această funcţie nu este apelată de un handler, ea a fost apelată explicit în codul administratorilor creati anterior. Rulati aplicatia si verificati-i functionalitatea. 7