(4): Cửa sổ property: cho phép user có thể custom lại các thành phần control trên form như: thiết lập các thuộc tính cho control, form, component, cho phép khai báo trình xử lý sự k[r]
(1)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
Hình 1: Màn hình tạo Project 1 Chọn ngơn ngữ lập trình
2 Chọn loại ứng dụng cho Project
3 Đặt tên Project Chọn vị trí lưu Project
(2) 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
1
2
3
(3) 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 +như 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 = ""; }
(4) 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
(5)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 ” và “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ỏ
(6)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:
(7) 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:
(8)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: <Ngày> <Giờ> <Tên nhóm đăng nhập> o Thất bại: Access code khác ngồi code bảng mơ tả
Lưu dòng item: <Ngày> <Giờ> Restricted Access!
- Tạo trình xử lý kiện click cho button (C), button có chức Clear: Xoá 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…