WINDOWS FORM

Windows Form ThS Trần Phi Hảo Khoa Khoa học máy tính Trường CĐ CNTT Hữu nghị Việt _ Hàn Nội Dung      Graphical User Interface (GUI) Event Driven Programming Ứng dụng Windows Form dùng C# Khuôn mẫu ứng dụng Windows Form chuẩn Cách tạo ứng dụng Windows Form 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ý Trần Phi Hảo- 2011 GUI Command line interface: CLI Tương tác qua keyboard Thực thi Trần Phi Hảo- 2011 Text user interface: TUI GUI dựa text Mức độ tương tác cao GUI Graphical User Interface: GUI Tương tác qua giao diện đồ họa độ phân giải cao Đa số hệ OS đại dùng GUI Cho phép user dễ dàng thao tác Trần Phi Hảo- 2011 GUIs  Chương trình đại 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 hình Menu: Liệt kê chức Button: Nút lệnh cho phép click vào TextBox: Cho phép user nhập liệu text Trần Phi Hảo- 2011 GUI Application  Windows Form 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 lớp hỗ trợ GUI NET  System.Windows.Forms:   Chứa GUI components/controls form System.Drawing:   Chức liên quan đến tô vẽ cho thành phần GUI Cung cấp chức truy cập đến GDI+ Trần Phi Hảo- 2011 Lập trình theo kiện (Event- Driven Programming ) Cách truyền thống Danh sách lệnh thực thi Việc xảy lệnh danh sách Chương trình thực thi máy tính Trần Phi Hảo- 2011 Event-Driven Programming Các đối tượng kích hoạt kiện đối tượng khác phản ứng với kiện Việc xảy phụ thuộc vào kiện Luồng chương trình điều kiển bở tương tác UserComputer Event-Driven Programming       Chương trình GUI thường dùng Event-Drive Programming Chương trình chờ cho event xuất xử lý Ví dụ kiện: Firing an event: đối tượng khởi tạo kiện Listener: đối tượng chờ cho kiện xuất Event handler: phương thức phản ứng lại kiện Trần Phi Hảo- 2011 Event-Driven Programming  Trong C#, Event-Driven Programming thực thi event (xem slide Delegate & Event)  Event E subscribe publish B A C Handler B cho E A phát sinh event E Delegate cho E Handler C cho E Trần Phi Hảo- 2011 Event-Driven Programming  Minh họa xử lý form Click User nhập text vào texbox -> click Button để add chuỗi nhập vào listbox invoke Lấy liệu từ textbox Add vào listbox Button đưa kiện click Form có event handler cho click button Trần Phi Hảo- 2011 10 Sửa thuộc tính control Đổi tên thành txtNum1 Thay đổi giá trị qua cửa sổ properties -> VS tự cập nhật code Trần Phi Hảo- 2011 34 Phần xử lý   Khi click vào Add -> cộng giá trị xuất kết Thực     Button Add cung cấp kiện click Form cảnh báo Add click Form lấy liệu từ textbox cộng -> kết Cơ chế event     Button đưa kiện click: đối tượng publish Form quan tâm đến kiện click button, Form có phần xử lý button click Phần xử lý form gọi Event Handler Form đóng vai trò lớp subscribe Trần Phi Hảo- 2011 35 Khai báo event handler  Kích đúp vào button Add hình thiết kế cho phép tạo event handler cho kiện event DClick Cửa sổ quản lý event BtnAdd Trần Phi Hảo- 2011 36 Khai báo event handler Event handler cho button Add Cùng signature method với System.EventHandler Trần Phi Hảo- 2011 37 Khai báo event handler InitializeComponent Sự kiện click Trình xử lý gọi event xảy Delegate chuẩn cho event handler Trần Phi Hảo- 2011 38 Viết phần xử lý  Phần xử lý Form1 button click  Lấy giá trị textbox, cộng kết xuất MeesageBox Trần Phi Hảo- 2011 39 Phương thức lớp Form  Các hành động thực form       Activate: cho form nhận focus Close: đóng giải phóng resource Hide: ẩn form Refresh: tô vẽ lại Show: cho form show hình (modeless) activate ShowDialog: hiển thị dạng modal   Trần Phi Hảo- 2011 Find Dialog dạng modeless Font dialog dạng modal 40 Event Form  Tạo xử lý cho event     Trong cửa sổ properties Chọn biểu tượng event Kích đúp vào tên event Event thường dùng       Load: xuất trước form xuất lần Closing: xuất form chuẩn bị đóng Closed: xuất form đóng Resize: xuất sau user resize form Click: xuất user click lên form KeyPress: xuất form có focus user nhấn phím Trần Phi Hảo- 2011 Tên event Trình xử lý có 41 Event Form  Ví dụ chương trình hỏi user xác nhận trước đóng ứng dụng    Kích đúp vào item FormClosing cửa sổ event Hàm Form1_FormClosing tạo gắn với kiện FormClosing Viết code cho event handler Form1_FormClosing this.FormClosing += new FormClosingEventHandler( this.Form1_FormClosing ); Trần Phi Hảo- 2011 42 Kiểm tra liệu nhập   Nếu user nhập vào chuỗi chương trình lỗi! Khắc phục:    Cảnh báo user nhập không dạng Xóa ký tự không hợp lệ Sử dụng control ErrorProvider để cảnh báo lỗi user nhập không    Trong Design View: kéo ErrorProvider từ ToolBox/Component vào form Chặn xử lý kiện TextChanged user nhập liệu vào textbox Nếu nhập sai thiết lập lỗi cho control ErrorProvider cảnh báo! Trần Phi Hảo- 2011 43 Bổ sung ErrorProvider Kéo thả ErrorProvider vào design view Trần Phi Hảo- 2011 44 Xử lý kiện TextChanged textBox Phần kiểm tra Trần Phi Hảo- 2011 45 ErrorProvider cảnh báo Icon hiển thị lỗi Di chuyển chuột vào icon, tooltip xuất Trần Phi Hảo- 2011 46 Tóm tắt     Tổng quan lập trình GUI Cơ chế Event Driven Programming Ứng dụng Windows Form Sử dụng Visual Studio NET 2005 tạo ứng dụng WF     Windows Form Application Sử dụng control: text, label, button Xử lý kiện cho button, form Sử dụng ErrorProvider Trần Phi Hảo- 2011 47 Trần Phi Hảo- 2011 48