Adaugarea controalelor Lectia 3 Adaugarea controalelor

1. Ce sunt controalele?

Tipuri de controale

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.

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.

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

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.

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

4. Cum stabilim layout-ul unui control

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

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.

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

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

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.

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:

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

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

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”.

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

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:

Cum se compileaza un proiect Windows Forms

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.

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.

Fereastra Error List

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.

Cum rulati o aplicatie in modul Debug

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.

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.

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

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

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

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:

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