1 Windows Form Windows Form 2 Nội Dung Nội Dung  Graphical User Interface (GUI)  Event Driven Programming  Ứng dụng Windows Form dùng C#  Khuôn mẫu của ứng dụng Windows Form chuẩn  Cách tạo ứng dụng Windows Form trong VS 2005  Tạo ứng dụng Form  Chỉnh sửa form  Thêm component vào form  Viết phần xử lý cơ bản 3 GUI GUI Command line interface: CLI Command line interface: CLI Text user interface: TUI Text user interface: TUI Tương tác qua keyboard Thực thi tuần tự GUI dựa trên text Mức độ tương tác cao hơn 4 GUI GUI Tương tác qua giao diện đồ họa độ phân giải cao Graphical User Interface: GUI Đa số các hệ OS hiện đại đều dùng GUI Cho phép user dễ dàng thao tác 5 GUIs GUIs  Chương trình hiện đại đều dùng GUI  Graphical: text, window, menu, button…  User: người sử dụng chương trình  Interface: cách tương tác chương trình  Thành phần đồ họa điển hình  Window: một vùng bên trong màn hình chính  Menu: liệt kê những chức năng  Button: nút lệnh cho phép click vào  TextBox: cho phép user nhập dữ liệu text 6 GUI Application GUI Application  Windows Form là nền tảng GUI cho ứng dụng desktop  (Ngược với Web Form ứng dụng cho Web)  Single Document Interface (SDI)  Multiple Document Interface (MDI)  Các namespace chứa các lớp hỗ trợ GUI trong .NET  System.Windows.Forms:  Chứa GUI components/controls và form  System.Drawing:  Chức năng liên quan đến tô vẽ cho thành phần GUI  Cung cấp chức năng truy cập đến GDI+ cơ bản 7 Event- Driven Programming Event- Driven Programming Danh sách các lệnh thực thi tuần tự Việc kế tiếp xảy ra chính là lệnh tiếp theo trong danh sách Chương trình được thực thi bởi máy tính Các đối tượng có thể kích hoạt sự kiện và các đối tượng khác phản ứng với những sự kiện đó Việc kế tiếp xảy ra phụ thuộc vào sự kiện kế tiếp Luồng chương trình được điều kiển bở sự tương tác User- Computer Cách truyền thống Event-Driven Programming 8 Event-Driven Programming Event-Driven Programming  Chương trình GUI thường dùng Event-Drive Programming  Chương trình chờ cho event xuất hiện và xử lý  Ví dụ sự kiện:  Firing an event: khi đối tượng khởi tạo sự kiện  Listener: đối tượng chờ cho sự kiện xuất hiện  Event handler: phương thức phản ứng lại sự kiện 9 Event-Driven Programming Event-Driven Programming  Trong C#, Event-Driven Programming được thực thi bởi event  A A B B C C Event E Event E publish publish subscribe subscribe T h ô n g b á o T h ô n g b á o Đ ă n g k ý e v e n t E Đ ă n g k ý e v e n t E A phát sinh event E Delegate cho E Handler B cho E Handler C cho E 10 Event-Driven Programming Event-Driven Programming  Minh họa xử lý trong form Click User nhập text vào texbox -> click Button để add chuỗi nhập vào listbox Lấy dữ liệu từ textbox Add vào listbox invoke Button đưa ra sự kiện click Form có event handler cho click của button [...]... báo c c thu c tính cho c c control 32 Code c a phần design InitializeComponent Đưa c c control vào danh sách control c a Form1 33 Sửa thu c tính c a control Đổi tên thành txtNum1 Thay đổi c c giá trị qua c a sổ properties -> VS tự c p nhật code 34 Phần xử lý   Khi click vào Add -> c ng 2 giá trị và xuất kết quả Th c hiện     Button Add cung c p sự kiện click Form sẽ đư c cảnh báo khi Add đư c click... System.Windows.Forms.Button … object C c control là instance c a c c lớp trên object object object object object 19 C c thu c tính c a Form Property Description Default Name Tên c a form sử dụng trong project Form1,Form2… AcceptButton Thiết lập button là click khi user nhấn Enter CancelButton Thiết lập button là click khi user nhấn Esc ControlBox Hiển thị control box trong caption bar True FormBorderStyle Biên c a form: none,... Button… Lớp c sở cho c c form c a ứng dụng là Form System.Windows.Forms Form Namespace Class 13 Minh họa WinForm App 14 GUI Components/Controls   Components/controls đư c tổ ch c vào c c lớp thừa kế, cho phép dễ dàng chia sẻ c c thu c tính Mỗi component/control định nghĩa c c     Thu c tính Phương th c Sự kiện C ch dễ nhất là sử dụng VS NET Toolbox để thêm control và component vào form 15 Components... thả những control vào trong form    Tất c những code đư c tạo tự động dựa trên sự thao t c thiết kế form c a user Rút ngắn nhiều thời gian cho vi c thao t c giao diện form Tính năng tr c quan WYSIWYG C đư c ứng dụng form m c dù chưa viết code! 25 Toolbox Toolbox -Kéo thả control lên form -Code đư c phát sinh tự động 26 Giao diện thiết kế form Chưa c control Form chính c a ứng dụng 27 C a sổ properties... layout cho form (bố trí control)  Hiệu chỉnh kích thư c, trình bày, giao diện cho     form Control chứa trong form Viết c c xử lý cho c c control trên form và c c xử lý kh c Hiển thị Form  Thông qua lớp Application gọi phương th c Run Nên sử dụng IDE hỗ trợ thiết kế GUI! 18 Form và control   Tất c c c thành phần trên form đều là đối tượng C c class control      System.Windows.Forms.Label... Controls cho Windows Form Toolbox c a Visual Studio NET 2005 16 Ứng Dụng WinForm đơn giản Lớp Form c sở Form1.cs Control kiểu Label Thiết kế form & control Add control vào form Chạy ứng dụng với Form1 làm form chính 17 C c bư c tạo ứng dụng WinForm c bản   Tạo lớp kế thừa từ lớp Form c sở Bổ sung c c control vào form   Thêm c c label, menu, button, textbox… Thiết kế layout cho form (bố trí control)... properties C a sổ properties c a form 28 C a sổ properties Dễ dàng hiệu chỉnh form thông qua c a sổ Properties Tên c a form chính là tên lớp Thay đổi title 29 Thêm control vào form  Kéo thả control vào form 30 Code c a phần design  Phần code thiết kế Form1 đư c tạo tự động Form1.Designer.cs Chứa code khởi tạo control Khai báo c c đối tượng control trên Form1 31 Code c a phần design InitializeComponent...Event-Driven Programming Event  GUI-based events          Mouse move Mouse click Mouse double-click Key press Button click Menu selection Change in focus Window activation … Danh sách event cho Form 11 Windows Forms Application 12 Windows Form App    Sử dụng GUI làm nền tảng Event-driven programming cho c c đối tượng trên form Ứng dụng dựa trên một “form” chứa c c thành phần ... đư c click Form sẽ lấy dữ liệu từ 2 textbox và c ng -> kết quả C chế event     Button đưa ra sự kiện click: đối tượng publish Form quan tâm đến sự kiện click c a button, Form c sẽ phần xử lý ngay khi button click Phần xử lý c a form gọi là Event Handler Form đóng vai trò là lớp subscribe 35 Khai báo event handler  Kích đúp vào button Add trên màn hình thiết kế cho phép tạo event handler cho sự... StartPosition X c định vị trí xuất hiện c a form trên màn hình WindowsDefaultLocatio n Text Nội dung hiển thị trên title bar Form1, Form2, Form3 Font Font cho form và m c định cho c c control Method Description Close Đóng form và free resource Hide ẩn form Show Hiển thị form đang ẩn Event Description Load Xuất hiện trư c khi form show 20 Minh họa tạo ứng dụng Windows Form từ Visual Studio NET 21 Tạo WinForm . Form Namespace Class 14 Minh họa WinForm App Minh họa WinForm App 15 GUI Components/Controls GUI Components/Controls  Components/controls đư c tổ ch c vào c c lớp thừa kế, cho phép dễ dàng chia sẻ c c. c a c c lớp trên. object object object object object object 20 C C á á c thu c t c thu c t í í nh c a Form nh c a Form Property Description Default Name Tên c a form sử dụng trong project Form1,Form2… AcceptButton. Danh sách c c lệnh th c thi tuần tự Vi c kế tiếp xảy ra chính là lệnh tiếp theo trong danh sách Chương trình đư c th c thi bởi máy tính C c đối tượng c thể kích hoạt sự kiện và c c đối tượng