WinForms

1. WinForms GUI Programmering i .NET

2. Mål “.NET supports two types of form-based apps, WinForms and WebForms. WinForms are the traditional, desktop GUI apps. The great news is that Visual Studio .NET enables quick, drag-and-drop construction of form-based applications…” • Event-drevet, code-behind programmering • Visual Studio .NET • WinForms • Controls

3. Event-drevet, code-behind programmering • Ideenermegetsimpel: • “User actions” blivertil “events” • Events overføres en for en tilapplikationen, somprocessererereventenvha. en eventhandler • Sådanprogrammeres de flesteGUI’er… GUI App

4. Eksemplerpå GUI-baserede events • Mouse move • Mouse click • Mouse double-click • Key press • Button click • Menu selection • Change in focus • Window activation • etc.

5. Code-behind • Events håndteresafmetoder (eventhandlere) som ligger “bagved” den synlige GUI • I MS-termer kendtsom "code-behind" • Vores job bliver at programmeredissemetoder…

6. Call-backs • Events er et callfra et objektbacktilos… • Hvordanoprettesforbindelsen? • Visual Studio etablererforbindelsen via auto-genereretkode

7. Visual Studio .NET • Ét IDE tilalle former for .NET udvikling • Fra klassebiblioteker over form-baserede apps til web services • Du kanbruge C#, VB, C++, J#, etc.

8. design run break Grundlæggende Tilstande • Visual Studio operereri 1 af 3 tilstande: • Design • Run • Break • Se VS title bar hvis du eritvivl…

9. Eksempel: Et Windows-program • GUI apps baserespåformsogcontrols… • En form repræsenterer et vindue • En form indeholder 0 ellerflere controls • En control interagerer med brugeren • Lad osimplementere en GUI app trin for trin…

10. Trin 1 – Opret projekt i VS • Opret et nytprojektaftypen “Windows Forms Application” • VS opretterautomatisk en form…

11. Trin 2 – GUI Design • Vælg de ønskede controls fratoolbox’en… • Placérmusen over toolbox for at se controls • Drag-and-drop tilformen • Placérogtilpasstørrelsenpå dine controls

12. Trin 2 – GUI Design • En simpelregnemaskine: • Placérogkonfigurer controls • Klikfor at vælge • Sætproperties via Properties-vinduet

13. Trin 3 - Koden • Implementer formens “Code behind”… • Dobbeltklikpå den control du vilimplementere • Kodevinduetpopper automatiskfrem

14. Trin 4 – Kør! • Tryk F5 for at kompilere koden og starte programmet

15. Break mode? • Igangsættesberegningen med forkertindtastning…

16. Arbejde med Visual Studio • I Visual Studio arbejder vi med source files, projects & solutions • Source files indeholderkode • Extension .cs, .vb, etc. • Et projektrepræsenterer 1 assembly • Bruges af VS til at holdestyrpå source files • Allesource files skalskrivesisamme sprog • Extension .csproj, .vbproj, etc. • Solution (*.sln) files holder styrpåprojekter • Såman kanarbejde med flereprojekter

17. WinForms • Et andetnavn for traditionelle, Windows-agtigeGUI-applikationer • I modsætningtilWebForms, somer web-baserede • Implementeresvha. FCL • Dvs. portabelttilenhver .NET platform

18. object Abstraktion • FCL fungerersomabstraktion • AdskillerWinForm app fra den underlæggendeplatform instance of FCL class System.Windows.Forms.Form CLR Windows OS

19. Form Properties • Form properties styrerformensvisuellefremtræden: • AutoScroll • BackgroundImage • ControlBox • FormBorderStyle (sizable?) • Icon • Location • Size • StartPosition • Text (fx window's caption) • WindowState (minimized, maximized, normal) Form1 form; form = new Form1(); form.WindowState = FormWindowState.Maximized; form.Show();

20. Form Metoder form.Hide(); . . . form.Show(); • Actions der kanudførespå en form: • Activate:Givdenne form fokus • Close: Luk& frigørtilknyttederessourcer • Hide: Gem, men hold fast iressourcernetilsenerevisning. • Refresh: Redraw • Show: Gørformensynligpåskærmen & activate

21. Form Events • Events der kanreagerespå: • Find properties-vinduet • Dobbeltklikpå event-navnet • Load: ligeførformen vises første gang • Closing: nårformenlukkes (mulighed for cancel) • Closed: nårformenheltsikkertlukkes • Resize: nårbrugererændrerpåformstørrelsen • Click: nårbrugerenklikkerpåformensbaggrund • KeyPress: nårbrugerentrykker en tastmensformenharfokus

22. Eksempel • Spørgbrugerenførformenlukkes: private void Form1_Closing(object sender, System.ComponentModel.CancelEventArgs e) { DialogResult r; r = MessageBox.Show("Do you really want to close?", "MyApp", MessageBoxButtons.YesNo, MessageBoxIcon.Question, MessageBoxDefaultButton.Button1); if (r == DialogResult.No) e.Cancel = true; }

23. Controls • Brugerinterface-objekterpåformen: • Labels • Buttons • Text boxes • Menus • List & combo boxes • Option buttons • Check boxes • Etc.

24. object object object object object object Abstraktion • Forms, er controls baseretpåklasseri FCL: • System.Windows.Forms.Label • System.Windows.Forms.TextBox • System.Windows.Forms.Button • etc. • Controls erobjekterafdisseklasser

25. Hvemopretteralledisseobjekter? • Hvemeransvarlig for oprettelsenaf control-objekter? • Kodenauto-genereresaf Visual Studio • Efterform-objekteteroprettetoprettes control-objekterne…

26. Naming Conventions • Sæt dine controllers navne via Name property • The Microsoft Naming Convention: • cmdOKrefererertil en command-knap • lstNamesrefererertil en List Box Control • txtFirstNamerefererertil en Textbox Control

27. Labels • Tilstatiskvisningaftekst • Bruges til at label andre ting påformen • Eller tilvisningaf read-only resultater • Interessanteproperties: • Text: Detsombrugerenser • Font: Hvordanbrugerenserdet

28. Command-knapper • Til at klikkepåogderved fåudført en handling • Interessante properties: • Text: Knaptekst • Font: Hvordanknapteksten vises • Enabled: Kan den klikkespå? • AcceptButton: Sat til at klikkeknappenpå ENTER • CancelButton: Sat til at klikkeknappenpå ESC • Interessante events: • Click: Når der trykkespåknappen

29. Tekstfelter • Mestalmindelige control! • Tilvisningaftekst • Tildata fraeksempelvisdatabase • Masseraf features…

30. Text box Properties • Basale properties: • Text: tekstboksensindhold (string) • Modified: ertekstenmodificeretafbrugeren? (boolean) • ReadOnly: hvisbrugerenikkeskalkunnemodificere • Multi-line text boxes? • MultiLine: True tilladerflere linier • Lines: array of strings, en for hverlinieitekstboksen • ScrollBars: none, horizontal, vertical, horiz. + vert. • AcceptsReturn & AcceptsTab: skalbrugerenkunnebruge tabulator og return

31. Text box methods • Interessantemetoder: • Clear: fjernindholdet • Cut, Copy, Paste: interaktion med clipboard’et • Undo: undo sidsterettelseitekstboksen • Select, SelectAll: vælgnogetaf/alt indholdet

32. Text Box Events • Interesanteevents • Enter, Leave: forekommer, nårfokusændres • KeyPress: forekommernår en asciitastaktiveres • KeyDown, KeyUp: forekommervedalletaste kombinationer • TextChanged: forekommernårtekstenændres • Validating and Validated • Validating giver dig mulighed for at afviseinvalide input

33. Eksempel: Input Validering • Text boxekræveroftevalidering • .NET tilbyderValidating event • Bliversendtnårbox’en mister focus cmdOk.CausesValidation = True cmdCancel.CausesValidation = False private void txtName_Validating(object sender, System.ComponentModel.CancelEventArgs e) { if (this.textBox1.Text.Trim() == "") { // invalid input! MessageBox.Show("Please enter name or id..."); e.Cancel = true; // cancel returns focus back to text box } }

34. Radio Buttons og Check Boxes • Tilladerbrugeren at vælge en ellerflere options • Radio buttons: • Brugerenkan kun vælgeén (mutually exclusive) • Check boxes: • Brugerenkanvælge en ellerflere (uafhængige) • Properties & events: • Checked: True hvisvalgt, False hvisikke • CheckedChangedforekommernår "Checked" ændres

35. Group Boxes • Visuelgrupperingaf controls • Tillader iteration gennemgruppenselementer… foreach (RadioButtonrb in this.groupBox1.Controls) if (rb.Checked) MessageBox.Show(rb.Name);

36. List Boxes • God til at vise/vedligeholdeen listeaf data • Listeaf strings • Listeafobjects (list box kalderselvToString()) Customer[] customers; . . // create & fill array with objects... . // display customers in list box foreach (Customer c in customers) this.listBox1.Items.Add(c); // display name of selected customer (if any) Customer c; c = (Customer) this.listBox1.SelectedItem; if (c == null) return; else MessageBox.Show(c.Name);

37. Advarsel! • Skrivikkekode der afhængerafrækkefølgenaf events… • Rækkefølgeneraldriggaranteret • Hver event behandlesuafhængigtafandre • Nogetkode trigger events bagvedkoden… • En naturligbivirkningafevent-drevetprogrammering this.textBox1.Text = "new value" // triggers TextChanged

38. Kun toppenafisbjerget… • Menuer, dialoger, toolbars, etc. • Tusinderafandre controls • .NET and ActiveX • Højreklikpå Toolbox • "Customize Toolbox"

39. Opsamling • Event-drevetprogrammeringermegetintuitivti GUI apps • Forms erdetførsteskridti GUI design • Hverform repræsenterer et vinduepåskærmen • Konstruktionaf GUI foregårved drag-and-drop • Brugereninteragererprimært med formens control-objekter • Labels, text boxes, buttons, etc. • GUI programmeringer control programmering!!!