1. .NET Framework
Programare vizuală

2. Teme abordate Concepte de bază ale programării vizuale
Mediul de dezvoltare Visual C#- interfata
Proprietati si evenimente
Formulare

3. 1. Concepte de bază ale programării vizuale
Spunem că o aplicaţie este vizuală dacă dispune de o interfaţă grafică sugestivă şi pune la dispoziţia utilizatorului instrumente specifice de utilizare (drag, click, etc.) Principiile proiectării interfeţelor. Simplitatea Poziţia controalelor Consistenţa Estetica Programarea orientata pe evenimente

4. 2. Mediul de dezvoltare Visual C#
Mediul de dezvoltare Microsoft Visual C# dispune de instrumente specializate de proiectare, ceea ce permite crearea aplicaţiilor în mod interactiv, rapid şi uşor. Creare: FileNew Project; template Windows Forms Application.

5. 2. Mediul de dezvoltare Visual C# (prezentarea interfeţei)
Formularul – Form1.cs (accesibil din Solution Explorer ->Form.cs- >View Designer Toolbox – Caseta cu unelte (accesibil din View ->Other Windows- >Toolbox)

6. 3. Proprietati si evenimente
Moduri de lucru cu controalele
modul Designer (Shift+F7) pentru a plasa noi obiecte, a le stabili proprietăţile etc (fereastra Properties)
Modul Code (F7) – pentru scrierea codului asociat
Proprietati
Evenimente

7. 3. Proprietati si evenimente - proprietati
Proprietatea
Descrierea proprietăţii
Anchor
se referă la posibilitatea de a ancora controlul faţă de o margine (sau toate)
BackColor
permite stabilirea culorii de fundal a controlului
Bottom
permite stabilirea distanţei dintre marginea de sus a ferestrei şi control
Dock
ataşează controlul la una dintre marginile ferestrei
Enabled
permite controlului să recepţioneze evenimente de la utilizator
ForeColor
permite stabilirea culorii textului
Height
permite definirea înălţimii controlului
Left
permite stabilirea distanţei dintre marginea din stânga a ferestrei şi marginea stânga a controlului
Name
permite denumirea controlului pentru a-l putea mai uşor vizualiza şi manipula în codul sursă
Parent
părintele controlului
Right
permite stabilirea distanţei dintre marginea din dreapta a ferestrei şi marginea din dreapta a controlului
TabIndex
prin numărul de ordine care i se ataşează se stabileşte ordinea activării controlului la apăsarea tastei TAB
TabStop
permite sau nu ca respectivul control să fie activat prin apăsarea tastei TAB
Tag
se referă la un şir de caractere pe care controlul îl poate stoca în interiorul său
Top
permite stabilirea distanţei dintre marginea de sus a ferestrei şi marginea de sus a controlului
Visible
stabileşte dacă respectivul control, care există în fereastră, este (TRUE) sau nu vizibil
Width
stabileşte lăţimea controlului

8. 3. Proprietati si evenimente - Evenimente
Evenimentul
Descrierea evenimentului
Click
se generează când se dă clic asupra unui control
DoubleClick
se generează când se dă dublu clic asupra unui control. Excepţie făcând Button asupra căruia nu se va putea face dublu clic, deoarece controlul acţionează la primul clic
DragDrop
se genereazăla finalizarea lui drag and drop
DragEnter
se generează atunci când obiectul, printr-un drag and drop, ajunge în interiorul controlului
DragLeave
se generează atunci când obiectul, printr-un drag and drop, ajunge să părăsească controlului
DragOver
se generează atunci când obiectul, printr-un drag and drop, ajunge deasupra controlului
KeyDown
se generează atunci când o tastă este apăsată în timp ce controlul este activ. Se va furniza codul ASCII al tastei apăsate. Se generează înainte de evenimentele KeyPress şi KeyUp
KeyPress
se generează atunci când o tastă este apăsată în timp ce controlul este activ. Se va furniza codul de scanare al tastei apăsate. Se generează după KeyDown şi înainte de KeyUp
KeyUp
se generează când o tastă este eliberată în timp ce controlul este activ. Se generează după KeyDown şi KeyPress
GotFocus
se generează când controlul devine activ (se mai spune: când controlul primeşte input focusul)
LostFocus
se generează când controlul devine inactiv (se mai spune: când controlul pierde input focusul)
MouseDown
se generează când cursorul mouse-ului este deasupra controlului şi se apasă un buton al mouse-ului
MouseMove
se generează când trecem cu mouse-ul deasupra controlului
MouseUp
se geerează când mouse-ul este deasupra controlului şi eliberăm un buton al mouse-ului
Paint
se generează la desenarea controlului
Validated
se generează când un control este pe cale să devină activ. Se generează după terminarea evenimentului Validating, indicând faptul că validarea controlului este completă
Validating
se generează când un control este pe cale să devină activ

9. 3. Proprietati si evenimente
Moduri de lucru
Design time
in fereastra de proprietati
2. Runtime
scriere de cod
Exemplu:
this.BackColor = Color.Red;
Nume pentru controale:
sugestieTipControl

10. 4. Formulare Proprietati uzuale BackColor (tip Color.NumeCuloare)
BackgroundImage
Size
Text (string)
Evenimente uzuale
Click
Load
Exercitii!
Tratati evenimentul click:
Afisati un mesaj sugestiv!
Schimbati culoarea de fond a formularului: daca este galben in verde, iar daca este verde, in galben.

11. 5. Imagini - PictureBox Proprietati uzuale Image SizeMode Width Height
Evenimente uzuale
Click
Exercitii!
Tratati evenimentul click:
Schimbati dimensiunile imaginii – mica/mare.

12. 6. Text static. Label si LinkLabel
Proprietati uzuale
Text (string)
Font (tip font)
ForeColor (tip Color.NumeCuloare)
Visible (bool)
Evenimente uzuale
Click
2. LinkLabel
LinkArea: Start (int – pozitia de inceput a adresei in text)
LinkVisited (bool)
LinkClicked
Deschidere link: System.Diagnostics.Process.Start(“adresa web”);
Deschidere link: System.Diagnostics.Process.Start(“nume executabil”);
Deschidere link: System.Diagnostics.Process.Start(“nume aplicatie”, “nume fisier deschis in aplicatie”);

13. 7. Butoane a. Butoane de tip PushUp - Button Proprietati uzuale
Text (string)
Font (tip font)
BackColor (tip Color.NumeCuloare)
Visible (bool)
Enabled (bool)
Left
Top
Evenimente uzuale
Click
Exercitii!
Tratati evenimentul click:
Afisati un mesaj sugestiv!
Schimbati culoarea de fond a formularului: daca este galben in verde, iar daca este verde, in galben.
Modificati aleator pozitia butonului pe formular
Indicatie:
Random r = new Random();
variabila = r.Next(0, valoareMaxima);

14. 7. Butoane b. Butoane de selectie - RadioButton Proprietati uzuale
Text (string)
Checked (bool)
Evenimente uzuale
Click
Observatii: butoanele se grupeaza in GroupBox.
Exercitii!
Realizati un test cu patru raspunsuri posibile, dintre care unul singur este corect. In functie de raspuns, afiseaza mesajul corect/ incorect.
Palariile Panama au fost create in:
Panama
Ecuador
Mexic
Egipt

15. 7. Butoane c. Butoane de validare - CheckBox Proprietati uzuale
Text (string)
Checked (bool)
Evenimente uzuale
Click
Exercitii!
Realizati un test cu patru raspunsuri posibile, dintre care mai multe pot fi corecte:
Afirmatii adevarate despre Razboiul de 100 de ani sunt:
A durat 100 de ani
A fost purtat intre Franta si Anglia
Ioana d’Arc a fost eroina in acest razboi
A inceput in 1337

16. 8. Text dinamic – TextBox, RichTextBox
Proprietati uzuale
Text (string)
PasswordChar (string)
Multiline (bool)
pentru RichTextBox
SelectionFont
SelectionColor
SelectionBullet (bool)
Metode
Copy()
Paste()
Cut()
Clear()
Select()
Undo():
LoadFile(nume fisier rtf)
SaveFile(nume fisier, RichTextBoxStreamType.RichText)
Evenimente uzuale
Click
GotFocus
Leave
TextChanged
Exercitii
Formular de introducere a numelui si prenumelui + mesaj de salut particularizat
Minieditor de texte
Indicatie: ToolStrip

17. 9. Liste– ListBox, ComboBox
Proprietati uzuale
Items
Text – textul selectat
Evenimente uzuale
Click
GotFocus
Leave
TextChanged
Metode (pt Items)
Insert(pozitie,“text”)
Add(“text”)
AddRange()
Remove(“text”)
RemoveAt(pozitie)

18. 10. Meniuri - MenuStrip Proprietati uzuale Text (string) ContextMenu
Evenimente uzuale
Click
Exercitii!
Realizati un editor de texte cu meniul urmator
Fisier Editare
Nou Copiere
Decupare
Lipeste

19. 11. Operatii cu mai multe formulare
Proprietati uzuale formulare
Modal
DialogResult
Metode uzuale
Activate()
Close()
Show()
ShowDialog()
Evenimente uzuale
Closing
Load

20. 11. Operatii cu mai multe formulare
Exemplu: Crearea unui formular nou
Se adauga un formular nou: SolutionExplorer -> Nume Aplicatie -> Add -> Windows Form (cu numele FormDoi, de exemplu)
a) Pentru afisare nemodala:
In formularul apelant se introduce codul de apel:
FormDoi f = new FormDoi();
f.Show();
b) Pentru afisare modala:
In formularul apelat
private string raspuns;
public string Item
{ get {return raspuns;} }
… variabila raspuns primeste valoare pe baza datelor din formularul apelat
In formularul apelant
f.ShowDialog();
if(f.Item!=“”) //raspunsul primit din fisierul apelat
… se prelucreaza raspunsul

21. 12. Formulare predefinite
MessageBox
MessageBox.Show(“text mesaj”, “titlu fereastra”, tipButon, tipIcon);
tipButon: MessageBoxButtons.RetryCancel
MessageBoxButtons.AbortRetryIgnore ……
tipIcon: MessageBoxIcon.Exclamation
MessageBoxIcon.Error
…..
Exercitiu
Apel mesaj cu butoane de tip Yes, No si Cancel si icon de tip intrebare. Mesaj – Va place cursul? Titlul – Chestionar.

22. 12. Formulare predefinite
2. OpenFileDialog, SaveFileDialog, FontDialog, ColorDialog etc.
Proprietati uzuale
Title
Filter (de exemplu=“Fisiere Rich Text (*.rtf) | *.rtf”)
Afisare:
if(formularPredefinit.ShowDialog() == System.Windows.Forms.DialogResult.tipRaspuns) {
cod care utilizaeaza datele din fereastra (formularPredefinit.File sau .Font etc) }
Obs tip raspuns: OK, No etc

23. 4. Tema Formulare
Scrieti aplicatia cu numele PV1 prin care se modifica titlul formularului la realizarea unui click pe suprafata sa.

24. 6. Tema Label si LinkLabel
Creati fisierul numere.txt, in folderul dumneavoastra.
Scrieti aplicatia cu numele PV2 care sa contina pe un formular
o eticheta cu textul Accesati ce va intereseaza!
Un link care sa permita accesul la
Un link care sa permita deschiderea fisierului mspaint.exe
Un link care sa permita deschiderea fisierului numere.txt in aplicatia notepad.exe

25. 7. Tema Butoane
Realizati un formular de introducere a optiunilor privind o excursie la Barcelona!

26. 8. Tema Text dinamic
Realizati un formular de introducere a datelor pentru realizarea unor operatii aritmetice!
Facultativ – minieditor de texte (RichTextFormat)

27. 8. Tema Text dinamic
Realizati un formular de introducere a datelor pentru excursia din anul acesta