Gi i thi u:ớ ệ
Các đi u khi n c b n đ hi n th văn b n (Label), cho phép nh p dề ể ơ ả ể ể ị ả ậ ữ li u (Textbox) và s d ng nút l nh đ th c hi n thao tác là không th thi uệ ử ụ ệ ể ự ệ ể ế trong quá trình thi t k m t Form.ế ế ộ
M c tiêu:ụ
Trình bày và v n d ng Button cho đ ánậ ụ ồ
Trình bày và v n d ng Label cho đ ánậ ụ ồ
Trình bày và v n d ng TextBox cho đ ánậ ụ ồ
Rèn luy n tính c n th n, t giác, sáng t o, làm vi c nhómệ ẩ ậ ự ạ ệ . N i dung chính:ộ
11.1. Label
Label thường dùng hi n th thông tin ch đ c và thể ị ỉ ọ ường s d ng kèmử ụ v i các đi u khi n khác đ mô t ch c năng. ớ ề ể ể ả ứ Labelđược đ t trong nhómặ Common Controls c a c a s ủ ử ố Toolbox.
Hình 11.1. Hi n th đi u khi n Labelể ị ề ể
M t s thu c tính thộ ố ộ ường dùng c a ủ Label:
B ng 11.1. B ng mô t thu c tính Labelả ả ả ộ
Thu c tínhộ Mô tả
BorderStyle Thi t l p đế ậ ường vi nề
Font Kích thước và ki u ch hi n th trên Labelể ữ ể ị Text N i dung hi n th trên Labelộ ể ị
Backcolor Màu n n c a Labelề ủ
Name Tên c a Labelủ
Locked Khóa không cho di chuy nể
Enabled Đánh d u tích là đ i tấ ố ượng s tr ng thái ho t đ ngẽ ở ạ ạ ộ Cursor Đ i hình tr chu t khi đ a vào ổ ỏ ộ ư Label
ForeColor Thi t l p màu ch hi n th trên ế ậ ữ ể ị Label TextAlign Căn l ch hi n th trên ề ữ ể ị Label
Visible Ẩn ho c hi n ặ ệ Label
Ví d : Thi t k form hi n th thông tin sinh viênụ ế ế ể ị
Hình 11.2. Form hi n th thông tin sinh viênể ị Th c hi n chự ệ ương trình:
Bước 1: T o Form có thu c tính Text = “Giao di n Form 1”.ạ ộ ệ Bước 2: Kéo t t c 6 Label vàoấ ả
Bước 3: Áp d ng các thu c tính Text, Font, FontColor… đ th c hi n yêuụ ộ ể ự ệ c u. Trong đó chú ý h p tho i sau đ ch n ch g ch dầ ộ ạ ể ọ ữ ạ ưới
Hình 11.3. H p tho i đi u ch nh Font cho Labelộ ạ ề ỉ
11.2. TextBox
TextBox là đi u khi n dùng đ nh p chu i làm d li u đ u vào choề ể ể ậ ỗ ữ ệ ầ ng d ng ho c hi n th chu i.Ng i dùng có th nh p nhi u dòng, ho c t o
ứ ụ ặ ể ị ỗ ườ ể ậ ề ặ ạ
m t n đ nh p m t kh u. ặ ạ ể ậ ậ ẩ TextBox được đ t trong nhóm ặ Common Controls c a c a s ủ ử ốToolbox.
Hình 11.4. Hi n th đi u khi n Textboxể ị ề ể B ng 11.2. B ng mô t các thu c tính c a TextBoxả ả ả ộ ủ
Thu c tínhộ Mô tả
Name Tên c a ủ TextBox đ g i vi t l nhể ọ ế ệ
Text N i dung hi n th ban đ u khi chộ ể ị ầ ương trình ch yạ Font Ch n ki u ch , kích thọ ể ữ ước ch cho ữ TextBox ForeColor Ch n màu ch cho ọ ữ TextBox
BackColor Ch n màu n n cho ọ ề TextBox
Enable Cho phép/Không cho phép thao tác trên TextBox Mutiline Cho phép TextBox có nhi u dòng hay khôngề PasswordChar Ký t thay th khi nh p vào ự ế ậ TextBox
ReadOnly Cho phép/Không cho phép s a d li u trên TextBoxử ữ ệ Visible Ẩn/ hi n TextBoxệ
TextAlign Canh l d li u trong TextBoxề ữ ệ
MaxLength Quy đ nh chu i Max s nh p vào TextBox, m c đ nh làị ỗ ẽ ậ ặ ị 32767
ScrollBars Các lo i thanh cu n (d c, ngang, c hai)ạ ộ ọ ả
WordWrap Cho phép văn b n t đ ng xu ng dòng khi đ dài vả ự ộ ố ộ ượt
quá chi u ngang c a ề ủ TextBox
BorderStyle Đ nh ki u đị ể ường vi n cho ề TextBox
TabIndex TabIndex Ch đ nh th t tab c a các ỉ ị ứ ự ủ TextBox trên form Focus TextBox s n sàng đẵ ượ ươc t ng tác b i ngở ườ ử ụi s d ng
CanUndo Mang giá tr True ho c False, n u là True thì cho phép th cị ặ ế ự hi n phệ ương th cứ Undo(), mang giá tr True khi ị TextBox đã th c hi n thao tác thêm, s a hay xóa n i dung.ự ệ ử ộ
SelectedText L y ra ph n n i dung chu i đấ ầ ộ ỗ ược bôi đen SelectionStart V trí b t đ u ch n n i dung c a chu iị ắ ầ ọ ộ ủ ỗ SelectionLength Chi u dài chu i s ch n trong ề ỗ ẽ ọ TextBox
HideSelection Mang giá tr True ho c False, n u là True thì không choị ặ ế phép s d ng thu c tính ử ụ ộ SelectionStart, n u là giá tr Falseế ị thì cho phép s d ng ử ụ SelectionStart
B ng 11.3. B ng mô t các s ki n c a TextBoxả ả ả ự ệ ủ
S ki nự ệ Mô tả
KeyDown Th c hi n công vi c nào đó khi m t phím đự ệ ệ ộ ược nh nấ xu ngố
KeyUp Th c hi n công vi c nào đó khi m t phím đự ệ ệ ộ ược nh raả
KeyPress
X y ra khi ngả ườ ử ụi s d ng nh n m t phím và nh ra, taấ ộ ả dùng s ki n này đ l c các phím không mu n nh n nhự ệ ể ọ ố ậ ư cho nh p s (0 đ n 9) không cho nh p chu i. M i sậ ố ế ậ ỗ ỗ ự ki n KeyPreệ ss cho ta m t c p s ki n ộ ặ ự ệ KeyDown và KeyUp
Click Click Nh p chu t vào TextBoxấ ộ DoubleClick Nh p đúp chu t vào TextBoxấ ộ
MouseEnter Chu t n m trong vùng th y độ ằ ấ ượ ủc c a TextBox MouseHover Chu t n m trong vùng hi n th m t quãng th i gianộ ằ ể ị ộ ờ MouseLeave Chu t ra kh i vùng nh p li u c a TextBoxộ ỏ ậ ệ ủ
MouseMove Chu t độ ược di chuy n trên ể TextBox TextChanged Giá tr c a thu c tính Text b thay đ iị ủ ộ ị ổ
KeyDown Th c hi n công vi c nào đó khi m t phím đự ệ ệ ộ ược nh n xu ngấ ố
KeyUp Th c hi n công vi c nào đó khi m t phím đự ệ ệ ộ ược nh raả
KeyPress X y ra khi ngả ườ ử ụi s d ng nh n m t phím và nh ra, taấ ộ ả dùng s ki n này đ l c các phím không mu n nh n nhự ệ ể ọ ố ậ ư cho nh p s (0 đ n 9) không cho nh p chu i. M i sậ ố ế ậ ỗ ỗ ự ki n KeyPress cho ta m t c p s ki n KeyDown vàệ ộ ặ ự ệ
KeyUp
Click Nh p chu t vào ấ ộ TextBox DoubleClick Nh p đúp chu t vào ấ ộ TextBox
MouseEnter Chu t n m trong vùng th y độ ằ ấ ượ ủc c a TextBox
MouseHover Chu t n m trong vùng hi n th m t quãng th iộ ằ ể ị ộ ờ gian
MouseLeave Chu t ra kh i vùng nh p li u c a ộ ỏ ậ ệ ủ TextBox MouseMove Chu t độ ược di chuy n trên ể TextBox
TextChanged Giá tr c a thu c tính Text b thay đ iị ủ ộ ị ổ
MouseEnter Chu t n m trong vùng th y độ ằ ấ ượ ủc c a TextBox
Ví d : ụ Thi t k form và th c hi n các yêu c u ế ế ự ệ ầ
Hình 11.5. Form tìm ki m chu i trong văn b nế ỗ ả Th c hi n chự ệ ương trình:
Bước 1: T o Form có thu c tính Text = “Giao di n Form 1”.ạ ộ ệ
Bước 2: Đ a vào form các đi u khi n sau: 2 Label, 2 Textbox, 2 Buttonư ề ể Bước 3: Th c hi n l p trình cho các Buttonự ệ ậ
L p trình s ki n Click cho nút Thoát:ậ ự ệ
L p trình s ki n Click cho nút Tìm ki m:ậ ự ệ ế
11.3. Button
Button là đi u khi n t o giao di n nút l nh trên form, khi ngề ể ạ ệ ệ ười dùng nh n chu t vào nút l nh thì chấ ộ ệ ương trình s th c hi n m t hành đ ng nào đó.ẽ ự ệ ộ ộ Button được đ t trong nhóm ặ Common Controls
Hình 11.6. Hi n th đi u khi n Buttonể ị ề ể B ng 11.4. B ng mô t thu c tính Buttonả ả ả ộ
Thu c tínhộ Mô tả
Name Đ t tên cho nút l nhặ ệ
Text N i dung hi n th trên nút nh nộ ể ị ấ Visible Ẩn/ hi n nút nh nệ ấ
Enable Cho phép/ không cho phép tương tác v i nútớ l nhệ
Font Ch đ nh ki u ch , kích c ch hi n thỉ ị ể ữ ỡ ữ ể ị ForeColor Màu ch hi n th trên nút l nhữ ệ ị ệ
Image Hình nh hi n th trên nút l nhả ể ị ệ BackColor Màu c a nút l nhủ ệ
TabIndex Ch đ nh th t tab c a các ỉ ị ứ ự ủ Button trên form Ví d : Thi t k form x lý nút l nh nh sau. ụ ế ế ử ệ ư
Yêu c u: Khi nh p chu t vào nút l nh “ầ ấ ộ ệ Hi nthể ị” thì in s hi n th ch “ẽ ể ị ữ Xin chào” t i v trí “ạ ị n i dung hi n th ộ ể ị ”, khi nh p chu t vào nút l nhấ ộ ệ
“Thoát” s đóng chẽ ương trình.
Hình 11.7. Form th c hi n thay đ i n i dung Labelự ệ ổ ộ Th c hi n chự ệ ương trình:
Bước 1: T o Form có thu c tính Text = “Giao di n Form 1”.ạ ộ ệ Bước 2: Đ a vào form các đi u khi n sau: 2 Label, 2 Buttonư ề ể Bước 3: Th c hi n l p trình cho các Buttonự ệ ậ
S ki n ự ệ Click c a nút l nh btnHienThi: ủ ệ
S ki n ự ệ Click c a nút l nh btnThoat: ủ ệ
Câu h i ôn t p và bài t pỏ ậ ậ
1. Vi t chế ương trình t o form tính t ng có giao di n:ạ ổ ệ
Hình 11.8. Form tính t ng s nổ ố Yêu c u:ầ
Nh p vào s n, ki m tra d li u khi nh p n, d li u ph i là sậ ố ể ữ ệ ậ ữ ệ ả ố
Khi nh n vào nút Tính k t qu t ng t 1 ấ ế ả ổ ừ n s đẽ ược tính và l u vàoư Textbox “T ng là”.ổ
Nút Thoát dùng đ đóng chể ương trình, h i trỏ ước khi thoát.
2. Vi t chế ương trình t o form tìm s l n nh t, nh nh t trong 2 s có giaoạ ố ớ ấ ỏ ấ ố di n:ệ
Hình 11.9. Form tìm s nh nh t, l n nh t trong 2 số ỏ ấ ớ ấ ố Yêu c u:ầ
Nh p vào 2 s , ki m tra d li u khi nh p, d li u ph i là sậ ố ể ữ ệ ậ ữ ệ ả ố
Khi nh n vào nút Tìm k t qu s l n nh t, nh nh t s đấ ế ả ố ớ ấ ỏ ấ ẽ ượ ưc l u vào ô phù h p.ợ
Nút Thoát dùng đ đóng chể ương trình, h i trỏ ước khi thoát.
3. Vi t chế ương trình t o form đ n s l n cho m i l n nh p chu t trái:ạ ế ố ầ ỗ ầ ấ ộ
Hình 11.10. Form đ m s l n nh p chu tế ố ầ ấ ộ
Yêu c u:ầ
Khi nh n vào nút “Click here” s xu t ra k t qu s l n nh p chu t trái đãấ ẽ ấ ế ả ố ầ ấ ộ th c hi n trên nút đó.ự ệ
Nút dùng đ đóng chể ương trình, h i trỏ ước khi thoát.
4. Vi t chế ương trình t o form th c hi n các phép tính có giao di n:ạ ự ệ ệ
Hình 11.11. Th c hi n các phép tính c a 2 sự ệ ủ ố Yêu c u:ầ
Nh p vào 2 s , ki m tra d li u khi nh p, d li u ph i là sậ ố ể ữ ệ ậ ữ ệ ả ố
Khi đã nh p s nh p vào nút “+//*/:” s th c hi n các phép tính phù h p vàậ ố ấ ẽ ự ệ ợ đ a k t qu vào Textbox.ư ế ả
Nút Xóa dùng đ xóa tr ng l i d li u đ a Form v tr ng thái ban đ u.ể ắ ạ ữ ệ ư ề ạ ầ
Nút Thoát dùng đ đóng chể ương trình, h i trỏ ước khi thoát.
5. Vi t chế ương trình t o form có giao di n:ạ ệ
Hình 11.12. Thi t k Form đăng nh pế ế ậ