Bài tập thực hành Lập trình mơi trường Windows Khoa CNTT- Trường ĐH CN TP.HCM Lab 03: LẬP TRÌNH WINDOWS FORM VỚI CÁC CONTROL CƠ BẢN A MỤC TIÊU: Sử dụng Visual Studio NET 2010/2012/2013 tạo ứng dụng dạng Windows Forms Làm quen với việc sử dụng control form như: Label: Hiển thị thông tin dẫn TextBox: Hộp nhập liệu thông tin Button: Cho phép user click chọn để thực chức CheckBox: Cho phép user chọn nhiều option Radio button: Cho phép user chọn option MessageBox: Hiển thị thơng tin đến user Khai báo trình xử lý kiện Click cho button: viết code xử lý cho trình xử lý kiện Click B NỘI DUNG: Bài tập 1: Tạo Project Lab03 Từ hình khởi động Microsoft Studio chọn Menu File - New – Project Language : Visual C# Loại ứng dụng: Windows Forms Application Name: Tên Project Location: Đường dẫn lưu Prject Chọn loại ứng dụng cho Project Chọn ngơn ngữ lập trình Đặt tên Project Chọn vị trí lưu Project Đồng ý tạo Project Hình 1: Màn hình tạo Project Tác giả: ThS Nguyễn Hà Giang & ThS Dương Thành Phết Trang 17 Bài tập thực hành Lập trình mơi trường Windows Khoa CNTT- Trường ĐH CN TP.HCM Kết hình VS.NET cho ứng dụng Windows Form bao gồm phần (1): Toolbox: Chứa control cho phép kéo thả vào Form (2): Màn hình thiết kế Form, chuyển sang phần code editer… (3): Cửa sổ Solution Explorer: Cho phép người lập trình quản lý thành phần project, hỗ trợ định vị nhanh chóng đến file mã nguồn (4): Cửa sổ property: cho phép user custom lại thành phần control form như: thiết lập thuộc tính cho control, form, component, cho phép khai báo trình xử lý kiện control form… Hình 2: Màn hình VS NET phục vụ cho việc tạo project Windows Form Kết trang Form1.cs [Code behide] Hình Màn hình Code Behide Tác giả: ThS Nguyễn Hà Giang & ThS Dương Thành Phết Trang 18 Bài tập thực hành Lập trình mơi trường Windows Khoa CNTT- Trường ĐH CN TP.HCM Thiết kế Form theo mẫu trang Form1 cs [Design] o Kéo thả Control Toolbox mẫu Hình 4: Màn hình form Design thiết kế Đặt thuộc tính cho đối tượng WebForm sau: Control Type Property Value TextBox Name txtSon TextBox Name txtSom TextBox Name txtKetqua Button Name btCong Button Name btTru Button Name btNhan Button Name btChia Button Name btXoa Button Name btThoat Viết mã lệnh xử lý : Viết hàm xử lý kiện bấm vào nút + sau: private void btCong_Click(object sender, EventArgs e) { int n =int.Parse(txtSon.Text); int m = int.Parse(txtSom.Text); int Tong = n + m; txtKetqua.Text = Tong.ToString(); } private void btThoat_Click(object sender, EventArgs e) { Close(); } private void btXoa_Click(object sender, EventArgs e) { txtSon.Text = ""; txtSom.Text = ""; txtKetqua.Text = ""; } Hình 5: Màn hình Code Behide Form Tác giả: ThS Nguyễn Hà Giang & ThS Dương Thành Phết Trang 19 Bài tập thực hành Lập trình mơi trường Windows Khoa CNTT- Trường ĐH CN TP.HCM Chạy kiểm thử chương trình o Kiểm lỗi trước chạy: Từ Menu Build Chọn Build Solution Hình 6: Màn hình Biên dịch ứng dụng o Chạy chương trình Bấm Ctrl + F5 :Để chạy chương trình (khơng debug) F5 để chạy debug Hình 7: Kết thực thi ứng dụng Thực tập thao tác Debug o Để trỏ dòng thực phép tính, bấm F9 để đặt Break Point (Hoặc Click chuột) Hình 8: Màn hình đặt Break Point cho Debug Bấm F5 để bắt đầu chạy kiểm lỗi chương trình Nhập giá trị cho Text Box Click nút btCong Ta thấy, chương trình tự động nhảy vào hàm btCong_Click dừng dòng mà đặt Breakpoint Hình 9: Màn hình chạy bước Debug Tác giả: ThS Nguyễn Hà Giang & ThS Dương Thành Phết Trang 20 Bài tập thực hành Lập trình mơi trường Windows Khoa CNTT- Trường ĐH CN TP.HCM o Để kiểm tra giá trị biến thời điểm này, ta nhập tên biến cần kiểm tra giá trị vào hộp thoại Quick Watch Hình 10: Màn hình kiểm tra giá trị bước chạy ứng dụng o Bấm F5 để tiếp tục chạy chương trình, bấm F10 F11 để chạy dịng code Hình 11: Màn hình kết thực thi ứng dụng Tiếp tục viết code cho tất nút khác kiểm tra kết Bài tập 2: Thêm vào Project Form frmUocboi, thực tìm “Ước số chung lớn ” “Bội số chung nhỏ nhất” số nguyên A B: Yêu cầu: - Viết hàm tìm USCLN BSCNN số a b Nếu ta chọn Option USCLN xuất kết ước số chung lớn hay ngược lại bội số chung nhỏ - Nút bỏ qua dùng để xóa rỗng Textbox - Nút Thốt có xuất thơng báo Tác giả: ThS Nguyễn Hà Giang & ThS Dương Thành Phết Trang 21 Bài tập thực hành Lập trình mơi trường Windows Khoa CNTT- Trường ĐH CN TP.HCM Bài tập 3: Xây dựng ứng dụng mô thiết bị Security Panel theo yêu cầu sau: Một phòng Lab muốn thiết lập Security Panel đặt bên cửa Chỉ cho phép cá nhân có trách nhiệm vào lần đăng nhập họ phải nhập security code cung cấp Những security code (hay gọi access code) sau xem hợp lệ cung cấp cho nhóm nhân viên bảng sau: Value Group 1645 or 1689 Technicians 8345 Custodians 9998, 1006 - 1008 Scientist Một nhập access code có hai trạng thái: granted denied Tất thơng tin truy cập hiển thị khung thơng tin bên keypad Nếu access granted ngày, thời gian, group (technician, custodian, scientist) hiển thị khung thông tin Trường hợp access denied ngày, thơng tin “Access denied” hiển thị khung bên Ngoài user nhấn số security code hiển thị thơng báo ngày, “Restricted Access” Hình1: Giao diện ứng dụng Security Panel Hướng dẫn: Bước Tạo ứng dụng Windows Forms Application … Bước Thiết kế Form hình minh họa Tác giả: ThS Nguyễn Hà Giang & ThS Dương Thành Phết Trang 22 Bài tập thực hành Lập trình mơi trường Windows Khoa CNTT- Trường ĐH CN TP.HCM Mô tả control form hình 2: Hình 2: Mơ tả control form Hướng dẫn cách thức thiết kế nhanh button form: Trước tiên tạo button mẫu trước, định dạng button theo mẫu quy định gồm font, size, color… Sau copy button mẫu vừa tạo, paste vào vị trí thích hợp Canh chỉnh lại vị trí thích hợp cho button Modify lại thuộc tính Text button Rename lại thuộc tính Name cho button Thiết lập thuộc tính cho TextBox txtSecurityCode: PasswordChar TextBox txtSecurityCode “*” ReadOnly True Tác giả: ThS Nguyễn Hà Giang & ThS Dương Thành Phết Trang 23 Bài tập thực hành Lập trình môi trường Windows Khoa CNTT- Trường ĐH CN TP.HCM Hình 3: Thiết lập thuộc tính PasswordChar txtSecurityCode Bước Phần viết xử lý cho button Form (sinh viên tự làm…) Hướng dẫn: - Tạo trình xử lý kiện Click chung các button từ – Mỗi lần button từ 0-9 nhấn cộng ký tự số vào cuối txtSecurityCode.Text (thuộc tính Text lưu code mà user nhập vào) o Cách thức tạo trình xử lý kiện chung cho button: Select tất button cần tạo trình xử lý (trong trường hợp select button số từ 0-9 Sau kích đúp vào kiện Click, cửa sổ property Thao tác cho phép tạo trình xử lý kiện chung cho button select Lưu ý: Nếu sinh viên kích đúp vào button tạo trình xử lý riêng cho button đó! (Cẩn thận trường hợp lab này) - Tạo trình xử lý kiện Click cho button (#), button chức login hay enter Sử dụng câu lệnh switch case để kiểm tra code mà user nhập vào có thuộc danh sách mô tả bảng Access Code hay không, Access code là: {1645,1689, 8345, 9998, 1006, 1008} Sau lưu thông tin đăng nhập vào listbox theo quy định: o Đăng nhập thành công: Access code hợp lệ (thuộc code trên) Lưu dòng item: o Thất bại: Access code khác ngồi code bảng mơ tả - Lưu dịng item: Restricted Access! Tạo trình xử lý kiện click cho button (C), button có chức Clear: Xố code nhập Bài tập 4: Từ tập bổ sung chức Chức Log file: Tất thông tin login dù access granted hay denied ghi nhận vào file dạng text File lưu trữ với thư mục ứng dụng Chức năng: Cho phép user dùng keyboard gõ phím số tương ứng Ví dụ gõ phím tương ứng với việc nhấn button 0… -Hết Lab 03 Tác giả: ThS Nguyễn Hà Giang & ThS Dương Thành Phết Trang 24 ... tập thực hành Lập trình mơi trường Windows Khoa CNTT- Trường ĐH CN TP.HCM Bài tập 3: Xây dựng ứng dụng mô thiết bị Security Panel theo yêu cầu sau: Một phòng Lab muốn thiết lập Security Panel... giả: ThS Nguyễn Hà Giang & ThS Dương Thành Phết Trang 23 Bài tập thực hành Lập trình môi trường Windows Khoa CNTT- Trường ĐH CN TP.HCM Hình 3: Thiết lập thuộc tính PasswordChar txtSecurityCode... project Windows Form Kết trang Form1.cs [Code behide] Hình Màn hình Code Behide Tác giả: ThS Nguyễn Hà Giang & ThS Dương Thành Phết Trang 18 Bài tập thực hành Lập trình mơi trường Windows Khoa