.NET Framework Programare vizuală

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

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

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.

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)

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

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

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

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

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.

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

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”);

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);

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

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

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

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)

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

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

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

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.

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

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

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 www.ratb.ro Un link care sa permita deschiderea fisierului mspaint.exe Un link care sa permita deschiderea fisierului numere.txt in aplicatia notepad.exe

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

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

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