1. Week 3: WINDOWS PROGRAMMING Chapter 15 in “Beginning Visual C# 2010” ebook Chapter 4 in “”MCTS_Self-Paced_Training_Kit” ebook

2. 4. GroupBoxes and Panels Arrange components on a GUI GroupBoxes can display a caption Text property determines its caption Panels can have scrollbar View additional controls inside the Panel Windows Programming 1 Chapter 15:Basic Windows Programming Slide 2 Group

3. GroupBox es and Panel s Windows Programming 1 Chapter 15:Basic Windows Programming Slide 3

4. GroupBox es and Panel s Windows Programming 1 Chapter 15:Basic Windows Programming Slide 4

5. GroupBox es and Panel s Fig. 12.21Creating a Panel with scrollbars. Controls inside panel panel panel scrollbars Windows Programming 1 Chapter 15:Basic Windows Programming Slide 5

6. GroupBox es and Panel s Chapter 15:Basic Windows Programming

7. The FlowLayoutPanel Control The FlowLayoutPanel control is a subclass of the Panel control Unlike the Panel control, however, the FlowLayoutPanel dynamically repositions the controls it hosts when it is resized at either design time or run time Like the Panel control, the FlowLayoutPanel control is scrollable Windows Programming 1 Chapter 15:Basic Windows Programming Slide 7

8. The FlowLayoutPanel Control Windows Programming 1 Chapter 15:Basic Windows Programming Slide 8

9. The SplitContainer Control The SplitContainer control creates a subsection of the form where Splitter divides SplitContainer into two SplitterPanel controls that function similarly to Panel controls. The SplitContainer.Dock property is set to Fill by default. SplitContainer exposes its two child SplitterPanel controls through its Panel1 and Panel2 properties Windows Programming 1 Chapter 15:Basic Windows Programming Slide 9

10. The SplitContainer Control PROPERTYDESCRIPTION BorderStyleRepresents the visual appearance of the TabPage border. It can be set to None, which indicates no border; FixedSingle, which creates a single-line border; or Fixed3D, which creates a border with a threedimensional appearance. IsSplitterFixedDetermines whether the location of Splitter is fixed and cannot be moved by the user OrientationDetermines whether Splitter is oriented horizontally or vertically in SplitContainer. It can be set to Horizontal or Vertical. Panel1Exposes the properties of the SplitContainer control’s Panel1. Panel2Exposes the properties of the SplitContainer control’s Panel2 Windows Programming 1 Chapter 15:Basic Windows Programming Slide 10

11. Dialog Boxes (dlg prefix) Predefined standard dialog boxes for: File Open and Saving Printing and Previewing Color selection Font selection Add the Common Dialog control to form Appears in the Component Tray, pane at bottom of Form Designer where nondisplay controls are shown Windows Programming 1 Chapter 15:Basic Windows Programming Slide 11

12. Drag common dialog to form Windows Programming 1 Chapter 15:Basic Windows Programming Slide 12

13. Common Dialog Controls OpenFileDialog SaveFileDialog FontDialog ColorDialog PrintDialog PrintPreviewDialog Windows Programming 1 Chapter 15:Basic Windows Programming Slide 13

14. FontDialog Windows Programming 1 Chapter 15:Basic Windows Programming Slide 14

15. FontDialog Property Font: Gets or sets the selected font. Property ShowEffects whether the dialog box contains controls that allow the user to specify strikethrough, underline,Color. Property Color: Gets or sets the selected font color Method Showdialog(): Windows Programming 1 Chapter 15:Basic Windows Programming Slide 15

16. ColorDialog Windows Programming 1 Chapter 15:Basic Windows Programming Slide 16

17. ColorDialog Property Color : get/set color select by the user Property FullOpen: True/false, whether the controls used to create custom colors are visible when the dialog box is opened Method Showdialog():Displays a dialog box user interface Windows Programming 1 Chapter 15:Basic Windows Programming Slide 17

18. ColorDialog colorDialog1.FullOpen=true; colorDialog1.Color = Color.Red; colorDialog1.ShowDialog(); lblDisplay.ForeColor = colorDialog1.Color; Windows Programming 1 Chapter 15:Basic Windows Programming Slide 18

19. Demo Windows Programming 1 Chapter 15:Basic Windows Programming Slide 19

20. OpenFileDialog - SaveFileDialog Property FileName: Gets or sets a string containing the file name selected in the file dialog box. Property Filter which determines the choices that appear in the "Save as file type" or "Files of type" box in the dialog box. Property FilterIndex: Gets or sets the index of the filter currently selected in the file dialog box. Property InitialDirectory: Gets or sets the initial directory displayed by the file dialog box. Property Title: Gets or sets the file dialog box title. Method Showdialog(): Windows Programming 1 Chapter 15:Basic Windows Programming Slide 20

21. Demo Windows Programming 1 Chapter 15:Basic Windows Programming Slide 21

22. The Button, CheckBox, and RadioButton Controls Button Text Click (event) CheckBox Checked CheckState ThreeState CheckedChanged (Event) RadioButton Checked CheckedChanged (Event) Windows Programming 1 Chapter 15:Basic Windows Programming Slide 22 Check box Radio

23. Demo Windows Programming 1 Chapter 15:Basic Windows Programming Slide 23

24. The ListBox Control The ListBox control is the simplest of the list- based controls and serves primarily to display a simple list of items in an easy-to-navigate user interface from which users can select one or more items Windows Programming 1 Chapter 15:Basic Windows Programming Slide 24

25. The ListBox and ComboBox Control ListBox tool lst prefix Simple List Box with/without scroll bars ComboBox tool cbo prefix List may allow for user to add new items List may "drop down" to display items in Windows Programming 1 Chapter 15:Basic Windows Programming Slide 25

26. The ListBox and ComboBox Control Windows Programming 1 Chapter 15:Basic Windows Programming Slide 26 List Boxes Dropdown Combo Box Simple Combo Box Dropdown List Box

27. 27 ListBox & ComboBox Danh sách item Cho phép thêm item trong màn hình thiết kế form

28. 28 ListBox & ComboBox ListBox hiển thị dạng Multi Column Hiển thị nhiều cột

29. The ListBox Control Windows Programming 1 Chapter 15:Basic Windows Programming Slide 29

30. Common ListBox Methods Windows Programming 1 Chapter 15:Basic Windows Programming Slide 30

31. The ListBox, CheckedListBox, and ComboBox Controls method a..Items.Add(“MyListItem”) lstMyListBox.Items.Add(“cat”); b..Items.RemoveAt(Index) lstMyListBox.Items.RemoveAt(3); c..Items.Remove(String) lstMyListbox.Item.Remove(“cat”); d..Items.Clear() lstMyListBox.Clear(); e..SetSelect(index, True/Fale) lstMyListBox.SetSelect(3,True); e..ClearSelect() Windows Programming 1 Chapter 15:Basic Windows Programming Slide 31

32. Demo Windows Programming 1 Chapter 15:Basic Windows Programming Slide 32

33. ComboBox Control The ComboBox control is similar to the ListBox control, but, in addition to allowing the user to select items from a list, it provides a space for a user to type an entry. Additionally, you can configure the ComboBox to either display a list of options or to provide a drop-down list of options Windows Programming 1 Chapter 15:Basic Windows Programming Slide 33

34. ComboBox Control Windows Programming 1 Chapter 15:Basic Windows Programming Slide 34

35. Demo Windows Programming 1 Chapter 15:Basic Windows Programming Slide 35

36. The CheckedListBox Controls CheckedListBox displays a list of items to users and allows them to select multiple items by checking boxes that are displayed next to the items. Any number of items can be checked, but only one item can be selected at a time. You can retrieve a collection that represents the checked items by accessing the CheckedItems collection Windows Programming 1 Chapter 15:Basic Windows Programming Slide 36

37. The CheckedListBox Controls Windows Programming 1 Chapter 15:Basic Windows Programming Slide 37

38. Demo Windows Programming 1 Chapter 15:Basic Windows Programming Slide 38

39. The DomainUpDown and NumericUpDown Controls DomainUpDown (dud) Items ReadOnly SelectedIndex SelectedItem Sorted SelectedItemChanged (Event) Windows Programming 1 Chapter 15:Basic Windows Programming Slide 39

40. The DomainUpDown and NumericUpDown Controls NumericUpDown (nud) Increment Maximum Minimum Value ValueChanged Event Windows Programming 1 Chapter 15:Basic Windows Programming Slide 40

41. Demo Windows Programming 1 Chapter 15:Basic Windows Programming Slide 41

42. The MonthCalendar and DateTimePicker Controls Windows Programming 1 Chapter 15:Basic Windows Programming Slide 42

43. MonthCalendar properties and an event Windows Programming 1 Chapter 15:Basic Windows Programming Slide 43

44. DateTimePicker Control The DateTimePicker control enables the user to set a date, a time, or both in an easy- tounderstand graphical interface similar to a ComboBox control Windows Programming 1 Chapter 15:Basic Windows Programming Slide 44

45. DateTimePicker properties and an event Windows Programming 1 Chapter 15:Basic Windows Programming Slide 45

46. The Timer, TrackBar, and ProgressBar Controls The Timer _ tmr Enabled Property Interval Property Start() Method Stop() Method Tick Event Windows Programming 1 Chapter 15:Basic Windows Programming Slide 46

47. 47 Timer Properties Methods Enabled Interval Start Stop Tick

48. 48 Timer Enable sự kiện Tick Khoảng thời gian chờ giữa 2 lần gọi Tick Hiển thị thời gian

49. 49 Timer Sự kiện Tick Khai báo trình xử lý sự kiện Tick

50. 50 Timer Demo Mỗi giây sự kiện Tick phát sinh. Trình xử lý của Tick sẽ lấy giờ hệ thống và hiển thị lên Label

51. The TrackBar Controls The TrackBar control provides a simple interface that enables the user to set a value from a predetermined range of values by graphically manipulating a slider with the mouse or keyboard commands. This enables the user to rapidly set a value from a potentially very large range. Windows Programming 1 Chapter 15:Basic Windows Programming Slide 51

52. The TrackBar Controls Windows Programming 1 Chapter 15:Basic Windows Programming Slide 52

53. The Timer, TrackBar, and ProgressBar Controls ProgressBar (prg) Maximum Property(100) Minimum Property(0) Value Property(0) Windows Programming 1 Chapter 15:Basic Windows Programming Slide 53

54. The TabControl The TabControl control enables you to group sets of controls in tabs, rather like files in a filing cabinet or dividers in a notebook. TabControl serves as a host for one or more TabPage controls, which themselves contain controls. The user can switch between tab pages (and the controls contained therein) by clicking the tabs on TabControl Windows Programming 1 Chapter 15:Basic Windows Programming Slide 54

55. The TabControl Windows Programming 1 Chapter 15:Basic Windows Programming Slide 55

56. ToolTips We demonstrated tool tipsthe helpful text that appears when the mouse hovers over an item in a GUI Windows Programming 1 Chapter 15:Basic Windows Programming Slide 56

57. Menus (mnu prefix) Menus provide groups of related commands for Windows applications separator bars Checked menu item Windows Programming 1 Chapter 15:Basic Windows Programming Slide 57

58. Menu Design Standards Windows Programming 1 Chapter 15:Basic Windows Programming Slide 58 New(Ctrl N) Open(Ctrl O) Close Save As Save (Ctrl S) Print(Ctrl P) Exit Undo(Ctrl Z) Cut(Ctrl X) Copy(Ctrl C) Paste(Ctrl V) Find(Ctrl F) Replace(Ctrl H) File MenuEdit Menu

59. The MenuStrip Control The MenuStrip control is essentially a ToolStrip control optimized for the display of ToolStripMenu items. The MenuStrip control derives from ToolStrip and can host all the tool strip items described in the previous lesson. Its primary function, however, is to host ToolStripMenu items. ToolStripMenuItem controls are the controls that provide the visual representation for items on a menu. They can appear as text, an image, or both and can execute code found in their ToolStripMenuItem Windows Programming 1 Chapter 15:Basic Windows Programming Slide 59

60. The MenuStrip Control Windows Programming 1 Chapter 15:Basic Windows Programming Slide 60

61. ToolStripMenuItem properties Windows Programming 1 Chapter 15:Basic Windows Programming Slide 61

62. CREATING MENUS AND MENU ITEMS To create an access shortcut (or keyboard shortcut), Windows Programming 1 Chapter 15:Basic Windows Programming Slide 62

63. CREATING MENUS AND MENU ITEMS To create an access shortcut (or keyboard shortcut), Windows Programming 1 Chapter 15:Basic Windows Programming Slide 63

64. CREATING MENUS AND MENU ITEMS To add other shortcut keys (e.g., -F9) Windows Programming 1 Chapter 15:Basic Windows Programming Slide 64

65. Adding Separator Bars to Menus You can add a separator to any submenu at design time by choosing Separator from the drop-down box in the menu item design interface. Using “-” Windows Programming 1 Chapter 15:Basic Windows Programming Slide 65

66. MenuStrip and ToolStripMenuItem an event. ClickGenerated when an item is clicked or a shortcut key is used. This is the default event when the menu is double clicked in the designer DropDownOpenedOccurs when Dropdown hasoOpened Windows Programming 1 Slide 66

67. Context Menus and the ContextMenuStrip Control All controls that can display a context menu expose a ContextMenuStrip property that represents the context menu associated with that control A context menu is invoked when the user right-clicks a control. You can set this property at design time in the Properties window. Windows Programming 1 Chapter 15:Basic Windows Programming Slide 67

68. 68 Context Menu Demo: tạo context Menu hiển thị trong ListBox có menu item Remove, cho phép xóa item đang được chọn. Tạo Form có mô tả như sau ListBox hiển thị các item

69. 69 Context Menu Kéo ContextMenuStrip thả vào Form

70. 70 Context Menu Kích vào ContextMenuStrip để thiết kế menu Tạo một menu item “Remove” như hình mô tả Soạn thảo các menu item

71. 71 Context Menu Liên kết ContextMenu với ListBox Trong cửa sổ properties của ListBox Khai báo thuộc tính ContextMenuStrip = ContextMenuStrip1 Chọn context menu

72. 72 Context Menu Khai báo trình xử lý sự kiện Click cho menu item

73. 73 Context Menu Demo Context Menu hiển thị khi user kích chuột phải lên ListBox

74. The StatusBar Control Alignment Property AutoSize Property BorderStyle Property Icon Property Style Property ToolTipText Property Windows Programming 1 Chapter 15:Basic Windows Programming Slide 74

75. The ToolBar Control Buttons Property ButtonClick Event ImageList Property SendToBack() Method ShowToolTips Property Windows Programming 1 Chapter 15:Basic Windows Programming Slide 75

76. CREATING MDI APPLICATIONS Multiple Document Interface (MDI) Windows Single Document Interface (SDI)Multiple Document Interface (MDI) Windows Programming 1 Chapter 15:Basic Windows Programming Slide 76

77. CREATING MDI APPLICATIONS ActiveMdiChild Property IsMdiContainer Property MdiChildActivate Event MdiChildren Property MdiParent Property LayoutMdi() Method Windows Programming 1 Chapter 15:Basic Windows Programming Slide 77

78. Multiple Document Interface (MDI) Windows ArrangeIcons Cascade LayoutMdi( MdiLayout.ArrangeIcons); LayoutMdi( MdiLayout.Cascade); Windows Programming 1 Chapter 15:Basic Windows Programming Slide 78

79. Multiple Document Interface (MDI) Windows TileHorizontal TileVertical LayoutMdi(MdiLayout.TileHorizontal);LayoutMdi(MdiLayout.TileVertical); Windows Programming 1 Chapter 15:Basic Windows Programming Slide 79

80. Form Splash Windows Programming 1 Chapter 15:Basic Windows Programming Slide 80

81. Form Splash FormBorderStyle=None; StartPosition = CenterToScreen; TopMost = true; Windows Programming 1 Chapter 15:Basic Windows Programming Slide 81

82. Form Splash static void Main() { Application.EnableVisualStyles(); Application.SetCompatibleTextRenderingDefault(false); frmFlashForm f = new frmFlashForm(); f.ShowDialog(); if (f.DialogResult == DialogResult.OK) { Application.Run(new frmFormMain()); } } Windows Programming 1 Chapter 15:Basic Windows Programming Slide 82

83. Form Splash private void timer1_Tick(object sender, EventArgs e) { this.DialogResult = DialogResult.OK; timer1.Enabled = false; } Windows Programming 1 Chapter 15:Basic Windows Programming Slide 83

84. Form About Windows Programming 1 Chapter 15:Basic Windows Programming Slide 84

85. Mouse-Event Handling Mouse events can be handled for any control that derives from class System.Windows.Forms.Control MouseEventArgs (object as arguments ) MouseEventHandler (requires an object ) Class MouseEventArgs contains information related to the mouse event, such as the mouse pointer's x- and y-coordinates, the mouse button pressed (Right, Left or Middle) and the number of times the mouse was clicked Windows Programming 1 Chapter 15:Basic Windows Programming Slide 85

86. 86 Mouse Event Tọa độ (x,y) của con trỏ chuột Button được nhấn Số lần kích chuột MouseEventArgs

87. Mouse events and event arguments Windows Programming 1 Chapter 15:Basic Windows Programming Slide 87

88. 88 Sự kiện chuột với tham số kiểu EventArgs MouseEnterOccurs when mouse enters the visible part of control MouseLeaveXuất hiện khi con trỏ chuột rời khỏi biên của control Sự kiện chuột với tham số kiểu MouseEventArgs MouseDown/ MouseUp Xuất hiện khi button được nhấn/thả và con trỏ chuột đang ở trong vùng biên của control MouseMoveXuất hiện khi chuột di chuyển và con trỏ chuột ở trong vùng biên của control Mouse Event

89. 89 Mouse Event MouseMove

90. 90 Mouse Event - Mousemove Demo Hiển thị tọa độ hiện tại của con trỏ chuột Vị trí hiện tại của con trỏ chuột

91. 91 Mouse Event Demo thao tác: kích chuột trái tại một điểm A, giữ chuột trái và di chuyển chuột, chương trình sẽ vẽ đường thẳng từ điểm A đến vị trí hiện tại chuột. Các sự kiện cần xử lý MouseDown: Xác định điểm A ban đầu MouseMove Kiểm tra nếu Left button của chuột đang giữ  Sử dụng Graphics để vẽ đường thẳng từ A đến vị trí hiện tại

92. 92 Mouse Event Bước 1: Tạo biến lưu trữ điểm A khi user kích chuột trái Biến pA có kiểu Point là biến thành viên của Form1 Lớp Form1 Biến pA lưu giữ tọa độ khi chuột trái được click

93. 93 Mouse Event Bước 2 Khai báo xử lý sự kiện MouseDown trong Form1 Trong cửa sổ event của Form1, kích đúp vào sự kiện MouseDown Lưu lại điểm được nhấn chuột

94. 94 Mouse Event Bước 3 Cài đặt xử lý sự kiện MouseMove Kiểm tra nếu LeftButton được nhấn  Vẽ đường thẳng từ pA đến vị trí hiện tại

95. demo Windows Programming 1 Chapter 15:Basic Windows Programming Slide 95

96. Keyboard - Event Handling Key events occur when keyboard keys are pressed and released. Such events can be handled for any control that inherits from System.Windows.Forms.Control There are three key events KeyPress, KeyUp and KeyDown Windows Programming 1 Chapter 15:Basic Windows Programming Slide 96

97. Keyboard - Event Handling The KeyPress event occurs when the user presses a key that represents an ASCII character The specific key can be determined with property KeyChar of the event handler's KeyPressEventArgs argument The KeyPress event does not indicate whether modifier keys (e.g., Shift, Alt and Ctrl) were pressed when a key event occurred If this information is important, the KeyUp or KeyDown events can be used The KeyEventArgs argument for each of these events contains information about modifier keys Windows Programming 1 Chapter 15:Basic Windows Programming Slide 97

98. Keyboard events and event arguments Windows Programming 1 Chapter 15:Basic Windows Programming Slide 98

99. Windows Programming 1 Chapter 15:Basic Windows Programming Slide 99

100. Windows Programming 1 Chapter 15:Basic Windows Programming Slide 100

101. Finish Windows Programming 1 Chapter 15:Basic Windows Programming Slide 101