BÀI 2: THI Ế T KẾ FORM VÀ XỬ LÝ SỰ KI Ệ N Bài 2: THIẾT KẾFORM VÀ XỬLÝ SỰKIỆN Máy tính được chia thành hai phần là phầ n cứ ng và phầ n mề m Máy tính được chia làm 6 khố i chứ c năng chính Ngôn ngữ lậ p trình được chia làm 3 nhóm: ngôn ngữ máy, ngôn ngữassembly và ngôn ngữbậc cao. Trong đó Visual Basic là ngôn ngữbậc cao Visual Basic được phát triển từBASI C, là ngôn ngữ tạo ra chương trình một cách đơn giản, nhanh chóng, dễ dàng. BASIC được tạo ra với mục đích hướng dẫn những người mới học vềkỹthuật lập trình cơ bản Hệ thố ng bài cũ 2 Bài 2: THIẾT KẾFORM VÀ XỬLÝ SỰKIỆN Hiểu vềGUI và thiết kếGUI Làm quen với trình soạn thảo mã Hiểu vềxửlý sựkiện Biết cách sửdụng IDE đểhạn chếlỗi biên dịch Mụ c tiêu bài họ c 3 Bài 2: THIẾT KẾFORM VÀ XỬLÝ SỰKIỆN GUI là viết tắt của Graphical User Interface có nghĩa là Giao diện người dùng đồ họa GUI được thiế t kế bằng việc thêm vào Form những điều khiển phù hợp với yêu cầu của mỗi bài toán Thiế t kế GUI và điề u khiể n GUI 4 TextBox để nhập dữ liệu Label để hiển thị kết quả Button để tính toán Bài 2: THIẾT KẾFORM VÀ XỬLÝ SỰKIỆN Điể u khiể n (Control) là các đối tượng nằm trong Form Mỗi điều khiển có một tập các thuộ c tính (Property), phư ơ ng thứ c (Method), và các sự kiệ n (Event) cho những mục đích riêng Visual Basic cung cấp rất nhiều điều khiển Điề u khiể n GUI 5 Bài 2: THIẾT KẾFORM VÀ XỬLÝ SỰKIỆN Form là cửa sổ chính của ứng dụng giao diện người dùng đồ họa. Thuộc tính quan trọng BackColor - Màu nền của Form. Font - Tên font, kiểu và kích thước của văn bản hiển thị trên Form. Theo mặc định, các điều khiển của Form sử dụng font được thiết lập cho Form. Name - Tên được sử dụng để xác định Form. Tên form nên gắn thêm tiền tố Form, ví dụ: mainForm Size - Chiều rộng và chiều cao của Form (bằng pixel). Text – Chuỗi được hiển thị trên thanh tiêu đề của Form. Form 6 Bài 2: THIẾT KẾFORM VÀ XỬLÝ SỰKIỆN Form 7 Cửa sổ Properties của Form Tên file lưu Form Thanh tiêu đề Form Form Bài 2: THIẾT KẾFORM VÀ XỬLÝ SỰKIỆN Sử dụng kiểu viết hoa tiêu đề sách cho thanh tiêu đề Kiểu viết hoa tiêu đề sách là kiểu viết hoa chữ cái đầu của mối từ quan trọng trong văn bản và không kết thúc bằng dấu chấm câu Form 8 Thiết lập kiểu font và kích thước font Thiết lập tên tiêu đề thông qua thuộc tính Text Tên Form nên có tiền tố Form Bài 2: THIẾT KẾFORM VÀ XỬLÝ SỰKIỆN Một số lưu ý: Thêm Tiề n tố Form vào sau tên form Thay đổi tiêu đề Form để người dùng có thể hiểu được chức năng của Form. Nên sử dụng kiể u viế t hoa tiêu đề sách cho tên Form. Thiết lập kiểu font và kích thước trước khi thêm các điều khiển vào Form. Thiết lập này sẽ áp dụng cho tấ t cả các điều khiển trên Form Form 9 Bài 2: THIẾT KẾFORM VÀ XỬLÝ SỰKIỆN Ví dụ về đặ t tên theo tiề n tố Có thểxem tại: http://msdn.microsoft.com/en- us/library/aa263493%28v=vs.60%29.aspx 10 i󰗂u khi󰗄n Ti󰗂n t󰗒 Ví d󰗦 Check box chk chkReadOnly Combobox cbo cboEnglish button btn btnExit Form frm frmEntry [...]... ra y Ví dụ Khi nhấ vào mộ Button trên Form thì sẽkích hoạ : n t t sự kiệ n Click củ Button đ và sẽgọ đ n phầ mã củ a ó i ế n a sựkiệ này (x lý sựkiệ n n) Mỗ đ u khiể có mộ nhóm sựkiệ khác nhau i iề n t n Bài 2: THIẾ K FORM VÀ XỬLÝ SỰKIỆ T N 27 Thêm xử lý sự kiệ n vào mã Nhấ đ vào Button trên chếđ Design đ thêm x lý n úp ộ ể sựkiệ Click cho Button Mã trong x lý sựkiệ này sẽ n n đ c thự thi khi ngườ... c ặ dòng mã Bài 2: THIẾ K FORM VÀ XỬLÝ SỰKIỆ T N 29 Thêm mã vào xử lý sự kiệ n Chú thích giải thích câu lệnh ở phía dưới Chú thích trên một dòng Chú thích sau dòng mã Bài 2: THIẾ K FORM VÀ XỬLÝ SỰKIỆ T N Chú thích cho biết kết thúc thủ tục calculateButton_Click 30 Thêm mã vào xử lý sự kiệ n Thêm lệ nh Trong mã VB, các thuộ tính đ c truy cậ bằ cách đ t c ượ p ng ặ dấ chấ giữ tên đ u khiể và thuộ tính... phải Kết quả sau khi nhấn vào Button Calculate Total Bài 2: THIẾ K FORM VÀ XỬLÝ SỰKIỆ T N 32 Thêm mã vào xử lý sự kiệ n Thêm ký tựnố dòng i Ký tựnố dòng (gạ dướ sau ít nhấ mộ ký tựtrắ đ i ch i t t ng) ể phân tách mộ dòng lệ thành nhiề dòng t nh u Ký tự nối dòng tách một dòng thành ba dòng để mã nằm gọn trong cửa số Bài 2: THIẾ K FORM VÀ XỬLÝ SỰKIỆ T N 33 Thêm mã vào xử lý sự kiệ n Hàm Val Trảvềgiá... Button Mã trong x lý sựkiệ này sẽ n n đ c thự thi khi ngườ dùng nhấ Button đ ượ c i n ó Demo: Thêm x lý sựkiệ cho Button Calculate Total n củ ứ dụ Inventory a ng ng Định nghĩa xử lý sự kiện Tên điều khiển Bài 2: THIẾ K FORM VÀ XỬLÝ SỰKIỆ T N Tên sự kiện 28 Thêm mã vào xử lý sự kiệ n Thêm chú thích Thêm chú thích vào chương trình đ ểmã dễhiể hơn u Chú thích giả thích cho mã đ p trình viên khác khi làm i ểlậ... u bằ chữs và ch i ị ượ t ầ ng không đ c chứ ký tựtrắ ượ a ng Từkhóa và đnh danh không phân biệ viế hoa hay viế thườ ị t t t ng trong VB Từkhóa End Class: Kế thúc củ đ nghĩa lớ t a ị nh p Bài 2: THIẾ K FORM VÀ XỬLÝ SỰKIỆ T N 26 Xử lý sự kiệ n Sự kiệ n xả ra khi ngườ dùng kích hoạ đ u khiể củ y i t iề n a Form X lý sựkiệ Là phầ mã đ c gọ đ n khi mộ sựkiệ n: n ượ i ế t n xả ra y Ví dụ Khi nhấ vào mộ Button... nh iề n Form đ c gọ là Label mô tả ượ i Label dùng đ hiể thị t quảđ u ra đ c gọ là Label ể n kế ầ ượ i đầ u ra Label đầu ra Label mô tả Bài 2: THIẾ K FORM VÀ XỬLÝ SỰKIỆ T N 11 Thêm Label vào Form Biểu tượng Label trên ToolBox Thêm Label vào Form Có thể thêm Label vào Form bằng ba cách sau 1 Nhấn đúp vào biểu tượng Label trên ToolBox 2 Nhấn vào biểu tượng Label trên ToolBox, sau đó nhấn vào Form 3 Nhấn... tựcộ (+) và trừ(-) ng đ u chuỗ ầ i Bài 2: THIẾ K FORM VÀ XỬLÝ SỰKIỆ T N 34 Thêm mã vào xử lý sự kiệ n Thự hiệ phép nhân c n Thứtựthự hiệ câu lệ minh họ c n nh a Lấ giá trị củ chuỗ cartonsTextBox.Text y số a i Lấ giá trị củ chuỗ itemsTextBox.Text y số a i Nhân hai giá trị vớ nhau này i Gán kế quảcho totalResultLabel.Text t Phép nhân Kết quả sau khi thực hiện phép nhân Bài 2: THIẾ K FORM VÀ XỬLÝ SỰKIỆ T... n ể i hiể đ c u ượ Bài 2: THIẾ K FORM VÀ XỬLÝ SỰKIỆ T N 23 Button Bài 2: THIẾ K FORM VÀ XỬLÝ SỰKIỆ T N 24 Giớ i thiệ u mã Visual Basic Xem mã ứ dụ ng ng Chọ View > Code n Định nghĩa lớp Lớ chứ các nhóm lệ đ p a nh ểthự hiệ mộ tác vụ c n t Hầ hế các ứ dụ do Visual Basic đ u bao gồ tậ u t ng ng ề m p hợ các lớ do lậ trình viên vế nên và nhữ lớ có sẵ p p p t ng p n do Microsoft viế và cung cấ trong Net... u vào mà iề n ể ầ nó nhậ n Label mô t và đ u khiể mà nó đ danh phả đ c căn iề n ị nh i ượ trái nế chúng đ c xế hàng dọ c u ượ p Văn bả trong Label mô t và văn bả trong đ u khiể n n iề n Label mà nó đ danh phả đ c căn dư ớ i nế chúng ị nh i ượ u đ c xế ngang hàng ượ p Bài 2: THIẾ K FORM VÀ XỬLÝ SỰKIỆ T N 18 TextBox Bài 2: THIẾ K FORM VÀ XỬLÝ SỰKIỆ T N 19 TextBox và sơ lư ợ c về ghi file Thêm namespace... trong file u i n (nế file tồ tạ sẽđ c xóa hế u n i) ượ t Bài 2: THIẾ K FORM VÀ XỬLÝ SỰKIỆ T N 20 TextBox và sơ lư ợ c về ghi file Ghi dữliệ ra file u Phương thứ Write c Ghi giá trị ố sốcủ nó ra file đi a Phương thứ WriteLine c Ghi giá trị ố sốra file, kèm theo là mộ ký tựxuố dòng đi t ng Đ óng StreamWriter Bài 2: THIẾ K FORM VÀ XỬLÝ SỰKIỆ T N 21 Button Button sẽra lệ cho ứ dụ thự hiệ mộ hành nh ng ng . bài cũ 2 Bài 2: THIẾT K FORM VÀ XỬLÝ SỰKIỆN Hiểu vềGUI và thiết kếGUI Làm quen với trình soạn thảo mã Hiểu vềx lý s kiện Biết cách sửdụng IDE đểhạn chếlỗi biên dịch Mụ c tiêu bài họ c 3 Bài 2: . TextBox. TextBox 16 Bài 2: THIẾT K FORM VÀ XỬLÝ SỰKIỆN TextBox 17 Tên nên có tiền tố TextBox Thiết lập vị trí cho TextBox Căn chỉnh nội dung hiển thị trên TextBox Bài 2: THIẾT K FORM VÀ XỬLÝ SỰKIỆN Một. BÀI 2: THI Ế T KẾ FORM VÀ XỬ LÝ SỰ KI Ệ N Bài 2: THIẾT K FORM VÀ XỬLÝ SỰKIỆN Máy tính được chia thành hai phần là phầ n cứ ng và phầ n mề m Máy tính được chia