1. Adaugarea controalelor
Lectia 3
Adaugarea controalelor

2. 1. Ce sunt controalele?

3. Tipuri de controale

5. Caracteristicile controalelor
Principalele caracteristici ale controalelor sunt:
Interactiunea cu utilizatorul (User interaction). Controalele ofera un mecanism de feedback pentru utilizator prin utilizarea evenimentelor/events.
Proprietati. Fiecare control are multe proprietati pe care le puteti configura pentru ai stabili aspectul si comportamentul, cum ar fi:
(Name). Stabileste numele utilizat in cod pentru a identifica controlul respectiv.
Anchor. Defineste marginile unui container de care este legat un anumit control.
Dock. Defineste care dintre marginile controlului sunt legate de container.
Text. Defineste textul asociat controlului.
Layout/Afisare. Anumite controale au proprietati specifice de afisare care fac mai usoara aranjarea lor in interfata cu utilizatorul. Exemple de astfel de controale: TabelLayoutPanel, FlowLayoutPanel si DataGridView.

6. 2. Cum se adauga controalele din Toolbox
Adaugarea unui control din Toolbox
Daca Toolbox nu este vizibila, din meniul View faceti clic pe Toolbox
Pentru a adauga un control folositi una din urmatoarele metode:
Trageti controlul din Toolbox in forma
In Toolbox, faceti clic pe control si apoi pe forma
Zona componentelor (component tray) este o zona din IDE care pastreaza controalele care nu sunt vizibile intr-o forma, cum ar fi controlul ErrorProvider.

7. Adaugarea unui control in Component Tray
Daca Toolbox nu este vizibila, din meniul View faceti clic pe Toolbox
Pentru a adauga in component tray controale care nu sunt vizibile in forma, folositi una din urmatoarele metoda:
Trageti controlul din Toolbox pe forma; controlul va aparea in component tray
In Toolbox faceti clic pe control, apoi pe forma; controlul va aparea in component tray

8. 3. Cum stabiliti proprietatile unui control
Controalele au multe proprietati pe care le puteti seta in timpul procesului de proiectare pentru a stabili aspectul si comportamentul controlului la executia aplicatiei. In continuare, sunt prezentate proprietatile comune controalelor si pasii necesari pentru a seta proprietatile unui control.
Proprietatile controalelor
Puteti configura fiecare control pe care il utilizati intr-o aplicatie windows forms. Tabelul urmator contine cateva dintre proprietatile uzuale ale controalelor pe care le puteti seta.

10. Setarea proprietatilor unui control
Pentru a seta proprietatile unui control, folositi fereastra Properties in felul urmator:
In fereastra Designer, faceti clic pe control pentru a-l selecta
In fereastra Properties, localizati proprietatea pe care doriti sa o modificati
Editati valoarea proprietatii
Apasati Enter pentru a actualiza controlul

11. 4. Cum stabilim layout-ul unui control

12. Selectarea controalelor multiple
Pentru a selecta mai multe controale simultan:
In fereastra Designer, pentru a selecta mai multe controale, apasati tasta CTRL in timp ce selectati controalele dorite
sau
Pentru a selecta toate controalele dintr-o forma, din meniul Edit selectati optiunea Select All

13. Utilizarea liniilor de ghidare (SnapLines)
Pentru a activa snaplines, din meniul Tools, selectati Options
In fereastra de dialog Options, expandati optiunea Windows Forms Designer
In lista LayoutMode, faceti clic ca sa comutati intre SnapLines si SnapToGrid
Asigurati-va ca lista LayoutMode este setata pe SnapLines, si apoi, in fereastra Options faceti clic pe OK.
Pentru a folosi liniile de ghidare (snaplines), mutati controalele pe forma. Cand alinierea lor verticala si orizontala este realizata, apare o linie albastra de ghidare.

14. Alinierea controalelor
Selectati controlul pe care doriti sa-l aliniati
In meniul Format , selectati Align si apoi selectati modul de aliniere dorit
Stabiliti aceeasi dimensiune pentru controale
Selectati controlul pe care doriti sa-l dimensionati
Selectati meniul Format, apoi optiunea Make Same Size si apoi selectati marimea dorita

15. Spatierea controalelor
Selectati controlul caruia doriti sa-i setati spatierea
Din meniul Format, selectati tipul de spatiere dorit (exemplu: Horizontal Spacing) si apoi modul de spatiere dorit (exemplu: Make Equal)
Stabilirea ordinii de tabulare
Selectati controlul caruia doriti sa-i aplicati ordinea de tabulare
In fereastra Properties, localizati proprietatea TabIndex si stabiliti ordinea de tabulare. Puteti realiza acest lucru si din meniul View cu optiunea Tab Order

16. 6. Cum adaugati cod unui control
Aplicatiile Windows Forms sunt aplicatii conduse de evenimente (event-driven), adica aplicatia genereaza evenimente cand are loc o actiune, cum ar fi apasarea unui buton de catre utilizator. Aplicatiile Windows Forms va pune la dispozitie administratori de evenimente (event handler) care sa trateze evenimentele generate si dvs. puteti stabili cu ajutorul codului functiile pe care administratorii de evenimente le declanseaza.

17. Crearea unui event handler implicit
Plasati un control pe forma
Faceti dublu-clic pe control
Visual Studio genereaza automat event handler-ul implicit pentru controlul respectiv si afiseaza codul. De exemplu, daca faceti dublu-clic pe un control de tip buton, Visual Studio genereaza un event-handler Click care are codul de mai jos:

18. In constructorul corespunzator formei, controlul va fi asociat automat cu event-handler-ul corespunzator ca in secventa urmatoare de cod:

19. Vizualizarea evenimentelor in
fereastra Properties
In fereastra Designer, faceti clic pe un control
In fereastra Properties, faceti clic pe butonul Events (un fulger) din bara de meniuri a ferestrei pentru a vedea toate evenimentele asociate cu acel control

20. 7. Cum afisati informatii intr-un control message box
Un obiect message box este o caseta de dialog predefinita care afiseaza informatii legate de aplicatie pentru utilizatori. Puteti utiliza o astfel de caseta si pentru a colecta informatii de la utilizator.
Exemplu de cod pentru afisarea unui
mesaj in message box
Urmatoarea secventa de cod afiseaza o caseta de dialog cu mesajul “Hello world”.

21. Urmatorul tabel prezinta cateva din posibilele argumente pe care le puteti furniza metodei Show din clasa MessageBox.

23. Cum afisati mesaje in message box
In Visual Studio, deschideti o aplicatie Windows Forms sau creati una noua
Creati un event-handler implicit, de exemplu Click pentru un buton din forma
In event-handler, tastati urmatorul cod:

24. Cum se compileaza un proiect Windows Forms

25. Dupa ce ati proiectat aplicatia, trebuie mai intai sa o compilati pentru a o putea rula.
Tipuri de compilare/build
Cand compilati o aplicatie, puteti specifica tipul de compilare/buil dorit. Tabelul urmator descrie cele doua tipuri de compilare posibile.

26. Cand compilati o aplicatie Windows Forms, compilatorul transforma limbajul de nivel inalt (C# sau Visual Basic) intr-un set de instructiuni de nivel scazut numit MSIL. Pentru a putea executa acest cod MSIL, calculatorul il va transforma intr-un limbaj pe care procesorul il poate intelege. In timpul transformarii, compilatorul pune in evidenta erorile de sintaxa sub forma mesajelor de eroare si avertizare.
Compilarea proiectului
In VS2005, din meniul Build, faceti clic pe Build Solution sau apasati tasta F6. Puteti recompila o solutie folosind comanda Rebuild Solution din meniul Build.

27. Fereastra Error List

28. Cand compilati o solutie, fereastra Error List afiseaza toate erorile de sintaxa gasite in codul sursa.
Caracteristicile ferestrei Error List
Aceasta fereastra va ajuta sa va proiectati rapid aplicatiile prin semnalarea continua a erorilor in timpul proiectarii. Puteti folosi aceasta fereastra astfel:
Urmariti erorile, avertismentele si mesajele afisate in fereastra in timp ce va editati si compilati codul
Gasiti erorile de sintaxa
Faceti dublu-clic pe un mesaj de eroare pentru a deschide fisierul care contine eroarea si a o localiza
Daca fereastra nu este vizibila, din meniul View faceti clic pe
Error List.

29. Cum rulati o aplicatie in modul Debug

30. Debugger-ul va ajuta sa diagnosticati erorile din aplicatie prin examinarea fluxului aplicatiei. Il puteti folosi pentru a opri aplicatia in anumite puncte din cod, sa examinati modificarile in valorile variabilelor si proprietatilor si sa va deplasati prin cod pas cu pas.
Modul Debug
Cand dezvoltati o aplicatie in VS2005, folositi in principal doua moduri: design si executie. In modul design, puteti crea si edita codul si puteti corecta erorile de sintaxa. In modul executie, puteti verifica executia programului, puteti testa erorile logice si de executie, dar nu puteti face modificari in cod. In al treilea mod, numit mod depanare (debug mod), puteti sa opriti executia programului si sa examinati starea lui la fiecare moment. Intrarea in modul depanare nu opreste executia programului; ea poate fi reluata oricand.

31. Executia unuei aplicatii in modul depanare
In VS2005 deschideti sau creati un nou proiect
Din meniul Debug, alegeti Start Debugging, apasati tasta F5 sau utilizati iconita din bara de unelte pentru a porni depanarea. Proiectul va porni in modul depanare
Iesirea din modul depanare
Asigurati-va ca proiectul ruleaza in modul depanare
Din meniul Debug, alegeti Stop Debugging, folositi combinatia de taste SHIFT+F5 sau folositi iconita din toolbar.
Depanarea se va incheia si veti reveni in modul design.

32. Laborator: Implementarea si testarea unei aplicatii Windows Forms
Veti continua proiectul inceput in laboratorul anterior.
1. Adaugarea controalelor in forma MainForm
Veti adauga un obiect Button, un obiect Label si un obiect
PictureBox si veti scrie codul pentru a inchide aplicatia.
Adaugarea unui obiect Button
Daca Toolbox nu este vizibila, in meniul View faceti clic pe Toolbox
In Toolbox, din grupul Common Controls, trageti un control Button pe forma MainForm
Faceti clic pe buton pentru a-l selecta, si in fereastra Properties setati urmatoarele proprietati:
(Name): exitButton
Location: 332,138
Text: Exit

33. Adaugarea unui obiect Label
In Toolbox, din grupul Common Controls, trageti pe forma un control Label
Faceti clic pe control si in fereastra Properties setati urmatoarele proprietati:
(Name): headingLabel
Font-Size: extindeti proprietatea Font si setati Size la 15
Location: 117, 20
Text: Adventure Works Sales System

34. Adaugarea unui control PictureBox
In Toolbox, din grupul Common Controls, trageti un control PictureBox pe forma
Faceti clic pe control, si in fereastra Properties setati urmatoarele proprietati:
(Name): adventureWorksPictureBox
Image: pentru a selecta imaginea ce va fi afisata in control procedati astfel:
In proprietatea Image faceti clic pe elipsa pentru a deschide fereastra de dialog Select Resource
In panoul Resource context selectati Local resource si apoi Import
In fereastra de dialog Open rasfoiti directoarele de pe calculatorul dvs. si cautati o imagine .jpg pe care sa o deschideti in control. Cand o gasiti, faceti dublu-clic pe ea pentru a o deschide
In fereastra Select Resource dati clic pe OK
Location: 12, 12

35. Adaugarea codului pentru inchiderea aplicatiei
In fereastra Designer faceti dublu-clic pe buton pentru a deschide event handler-ul implicit generat automat de VS2005
Adaugati urmatorul cod pentru a inchide aplicatia SalesApplication:

36. 2. Compilarea si testarea aplicatiei
Salvarea si compilarea solutiei
Din meniul File, clic pe Save All
Din meniul Build, clic pe Build Solution pentru a compila aplicatia
Verificati continutul ferestrei Output. Ar trebui sa fie un mesaj care anunta ca programul a fost compilat fara erori
Executia si testarea aplicatiei
Pentru a executa aplicatia, din meniul Debug alegeti comanda Start Without Debugging
Examinati fereastra MainForm a aplicatiei si faceti clic pe butonul Exit pentru a verifica ca aplicatia se inchide