Bài giảng Lập trình Windows - Chương 3: Lập trình giao diện cung cấp cho người học các kiến thức về: Graphical User interface, event driven programming, ứng dụng Windows Form dùng C#, cách tạo ứng dụng Windows Form, khuôn mẫu của ứng dụng Windows Form chuẩn. Mời các bạn cùng tham khảo.
Chương LẬP TRÌNH GIAO DIỆN Graphical User Interface (GUI) 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 Tạo ứng dụng Form Chỉnh sửa form Thêm component vào form Viết phần xử lý GUI Command line interface: CLI Text user interface: TUI Tương tác qua keyboard Thực thi 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 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: 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 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+ 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 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 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 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 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 Mouse Event Bước Cài đặt xử lý kiện MouseMove Kiểm tra LeftButton nhấn Vẽ đường thẳng từ pA đến vị trí Các Event Keyboard Event Keyboard Event Phát sinh phím nhấn thả Có kiện KeyPress KeyUp KeyDown KeyPress phát sinh kèm theo với mã ASCII phím nhấn KeyPress khơng cho biết trạng thái phím bổ sung {Shift, Alt, Ctrl…} Sử dụng KeyUp & KeyDown để xác định trạng thái phím bổ sung Keyboard Event Sự kiện với tham số kiểu KeyEventArgs KeyDown Phát sinh phím nhấn KeyUp Phát sinh phím thả Sự kiện với tham số kiểu KeyPressEventArgs KeyPress Khởi tạo phím nhấn Thuộc tính lớp KeyPressEventArgs KeyChar Chứa ký tự ASCII phím nhấn Handled Cho biết kiện KeyPress có xử lý chưa Thuộc tính lớp KeyEventArgs Alt, Control, Shift Trạng thái phím bổ sung Handled Cho biết kiện xử lý 18 Keyboard Event Thuộc tính lớp KeyEventArgs (tt) KeyCode Trả mã ký tự định nghĩa Keys enumeration KeyData Chứa mã ký tự với thơng tin phím bổ sung KeyValue Trả số int, mã Windows Virtual Key Code Modifier Trả giá trị phím bổ sung 18 Keyboard Event Keys Enumeration Keyboard Event Minh họa kiện: KeyPress, KeyDown, KeyUp Khi user nhấn phím Khi user thả phím Bắt kiện KeyPress: xuất phím nhấn Bắt kiện KeyDown: xuất tham số KeyEventArgs Xóa thơng tin mơ tả phím nhấn label Cách thực Tạo form minh họa Thiết kế form có Label: lblChar: hiển thị ký tự nhấn KeyPress lblKeyInfo: hiển thị thông tin KeyEventArgs KeyDown Keyboard Event Bước 1: tạo Windows Form hình mơ tả Label chứa ký tự nhấn kiện KeyPress Label chứa thông tin mã ký tự nhấn kiện KeyDown Keyboard Event Bước 2: Tạo KeyPress Event Handling cho form Keyboard Event Bước 3: Tạo KeyDown Event Handling cho form 191 Keyboard Event Demo Keyboard Event CT Calculator (BT3) mở rộng cho phép xử lý phím Form nhận xử lý thông điệp KeyDown Xác định phím tương ứng gọi kiện click button VD: user gõ phím 1, tương tự button “1” nhấn Cách thực Khai báo trình xử lý kiện KeyDown cho Form Thiết lập thuộc tính KeyPreview cho Form để nhận kiện bàn phím Keyboard Event Viết phần xử lý cho kiện KeyDown Xác định phím tương ứng để gọi kiện click button Gọi event Click button “1” Phím '=' nhấn Phím ‘+' nhấn Tóm tắt Thiết kế layout form Các control form Anchor Dock control Control nhập liệu Control chọn giá trị Container control Component Advanced control Mouse event Keyboard event 1 ... 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 GUIs Chương trình đại dùng GUI Graphical: text, window, menu, button… User: người sử dụng chương trình. .. chương trình điều kiển 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... xảy lệnh danh sách Chương trình thực thi máy tính 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