Bài giảng Lập trình trên môi trường Window - Chương 1: Tổng quan về lập trình Window cung cấp cho người học các kiến thức: Tổng quan lập trình Windows form, tạo ứng dụng Windows Form. Mời các bạn cùng tham khảo nội dung chi tiết.
KHOA CƠNG NGHỆ THƠNG TIN LẬP TRÌNH TRÊN MƠI TRƯỜNG WINDOWS Chương 1: TỔNG QUAN VỀ LẬP TRÌNH WINDOWS Giảng Viên: ThS Dương Thành Phết Email: phetcm@gmail.com Facebook: DuongThanhPhet Website: http://www.thayphet.net Tel: 0918158670 http://www.thayphet.net NỘI DUNG Tổng quan lập trình Windows Form Tạo ứng dụng Windows Form Tạo project Thiết kế control Xử lý kiện Kiểm tra liệu nhập (ErrorProviders) http://www.thayphet.net 1.TỔNG QUAN LẬP TRÌNH WINDOWS FORM 1.1 Các hình thức lập trình 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 http://www.thayphet.net 1.TỔNG QUAN LẬP TRÌNH WINDOWS FORM 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 http://www.thayphet.net 1.TỔNG QUAN LẬP TRÌNH WINDOWS FORM 1.2 Graphical User Interface: GUI 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 http://www.thayphet.net 1.TỔNG QUAN LẬP TRÌNH GUI (Graphical User Interface) 1.3 Ứng dụng Windows Form - WF WF 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 http://www.thayphet.net 1.TỔNG QUAN LẬP TRÌNH GUI (Graphical User Interface) WF sử dụng GUI làm tảng Event-driven programming (lập trình hướng kiện) cho đối tượng form WINDOWS FORM chứa control Menu Toolbar StatusBar TextBox, Label, Button… Mỗi control bao gồm: Thuộc tính Phương thức Sự kiện http://www.thayphet.net TẠO ỨNG DỤNG WINDOWS FORM Cơ chế xử lý kiện code behind Hỗ trợ WYSISYG cho GUI design Nhanh chóng & dễ dàng tạo ứng dụng Windows Form http://www.thayphet.net TẠO ỨNG DỤNG WINDOWS FORM 2.1 Tạo project Khởi động VS Menu File/New/Project Windows Form Applicaton Đặt tên Project Chọn thư mục lưu http://www.thayphet.net TẠO ỨNG DỤNG WINDOWS FORM Windows Application VS.Net khởi tạo 1: Form ứng dụng 2: Control toolbox 3: Solution Explorer 4: Form properties 10 http://www.thayphet.net TẠO ỨNG DỤNG WINDOWS FORM Phần code thiết kế Form tạo tự động Form1.Designer.cs Chứa code khởi tạo control Khai báo đối tượng control Form1 15 http://www.thayphet.net TẠO ỨNG DỤNG WINDOWS FORM InitializeComponent Tạo đối tượng Lần lượt khai báo thuộc tính cho control 16 http://www.thayphet.net TẠO ỨNG DỤNG WINDOWS FORM Đưa control vào danh sách control Form1 17 http://www.thayphet.net TẠO ỨNG DỤNG WINDOWS FORM Điều chỉnh 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 18 http://www.thayphet.net TẠO ỨNG DỤNG WINDOWS FORM 2.3 Xử lý kiện - Khi click vào Add -> cộng giá trị xuất kết - Thực hiện:Double click vào button Add hình thiết kế event DClick Cửa sổ quản lý event BtnAdd 19 http://www.thayphet.net TẠO ỨNG DỤNG WINDOWS FORM Lấy giá trị textbox, cộng kết xuất MeesageBox 20 TẠO ỨNG DỤNG WINDOWS FORM 2.4 Kiểm tra liệu nhập - Nếu nhập vào chuỗi chương trình lỗi! - Khắc phục: Cảnh báo nhập không dạng Xóa ký tự khơng hợp lệ - Thực hiện: Tạo control ErrorProvider vào Form từ ToolBox Xử lý kiện TextChanged cho textbox Nếu nhập sai thiết lập lỗi cho control ErrorProvider cảnh báo! 21 http://www.thayphet.net TẠO ỨNG DỤNG WINDOWS FORM Kéo thả ErrorProvider vào design view 22 http://www.thayphet.net TẠO ỨNG DỤNG WINDOWS FORM Xử lý kiện TextChanged textBox Phần kiểm tra 23 http://www.thayphet.net TẠO ỨNG DỤNG WINDOWS FORM ErrorProvider cảnh báo Icon hiển thị lỗi Di chuyển chuột vào icon, tooltip xuất 24 http://www.thayphet.net TẠO ỨNG DỤNG WINDOWS FORM 2.5 Thuộc tính, Phương thức Sự kiện Form Các Thuộc tính thường dùng Property Description Name Tên form sử dụng project AcceptButton Thiết lập button click user nhấn Enter CancelButton Thiết lập button click user nhấn Esc ControlBox Hiển thị control box caption bar FormBorderStyle Biên form: none, single, 3D, sizable StartPosition Xác định vị trí xuất form hình Text Nội dung hiển thị title bar Font Font cho form mặc định cho control 25 http://www.thayphet.net TẠO ỨNG DỤNG WINDOWS FORM Các Phương thức thường dùng Method Description Close Đóng form free resource Hide ẩn form Show Hiển thị form ẩn 26 http://www.thayphet.net TẠO ỨNG DỤNG WINDOWS FORM Các Sự kiện thường dùng Trong cửa sổ properties, chọn biểu tượng event Double click vào tên event Event Description Load Xuất trước form show Closing: Xuất form chuẩn bị đóng Closed Xuất form đóng Click Xuất user click lên form Tên event Trình xử lý 27 http://www.thayphet.net TẠO ỨNG DỤNG WINDOWS FORM Ví dụ: Xuất thơng báo hỏi xác nhận trước đóng ứng dụng Double click 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 28 http://www.thayphet.net 29 ... http://www.thayphet.net 1. TỔNG QUAN LẬP TRÌNH WINDOWS FORM 1. 2 Graphical User Interface: GUI Chương trình đại dùng GUI Graphical: Text, Window, Menu, Button… User: Người sử dụng chương trình Interface:... FORM 1. 1 Các hình thức lập trình 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 http://www.thayphet.net 1. TỔNG QUAN LẬP TRÌNH... liên quan đến tô vẽ cho thành phần GUI http://www.thayphet.net 1. TỔNG QUAN LẬP TRÌNH GUI (Graphical User Interface) WF sử dụng GUI làm tảng Event-driven programming (lập trình hướng kiện) cho