Chuong 02 lập trình với các control cơ bản

Khoa CNTT

CNPM

LẬP TRÌNH TRÊN WINFORM

Phạm Hồng Hải

LTUDQL - 1


Khoa CNTT

CNPM

1. NI DUNG
ă

Tng quan v Control

ă

Cỏc Control thụng dng
ã

Form, Label, Text Box, Button

•

Check Box, Radio Button

•

Combo Box, Listbox, Listview,
Treeview

•

Menu Strip, Tool Strip

ã

Groupbox, Panel, Tab

ă

Cỏc control nõng cao Control

ă

Hi ỏp

Phm Hoàng Hải

LTUDQL - 2


Khoa CNTT

CNPM

2. TNG QUAN V CONTROL
ă

Control l mt thnh phn c bn trờn
form

ă

Cú cỏc thnh phn
ã

Thuc tớnh

ã

Phng thc

ã

S kin

Thuc tớnh

Phng thức
Sự kiện

Phạm Hoàng Hải

LTUDQL - 3

Khoa CNTT

CNPM

2. TNG QUAN V CONTROL
MT S THUC TNH
ă

Text: ni dung caption, title

ă

Focus: phng thc chuyn focus vo
control

ă

TabIndex: th t ca control nhn
focus
ã

Mc nh c VS.NET thit lp

ă

Enable: thit lp trng thỏi truy cp
ca control

ă

Visible: n control trờn form, cú th
dựng phng thc Hide

ă

Anchor:

ă

ã

Neo gi control v trớ xỏc định

•

Cho phép control di chuyển theo vị trí

Size: xác nhận kích thước của control
Phạm Hồng Hải

LTUDQL - 4


Khoa CNTT

CNPM

2. TỔNG QUAN VỀ CONTROL
MỘT SỐ THUỘC TÍNH

Common
Properties

Description

BackColor

Màu nền của control

BackgroundImage

Ảnh nền của control

ForeColor

Màu hiển thị text trên form

Enabled

Xác định khi control trạng thái
enable

Focused

Xác định khi control nhận focus

Font

Font hiển thị text trên control

TabIndex

Thứ tự tab của control

TabStop

Nếu true, user có thể sử dụng tab để
select control

Text

Text hiển thị trên form

TextAlign

Canh lề text trên control

Visible

Xác định hiển thị control

Phạm Hoàng Hải

LTUDQL - 5


Khoa CNTT

CNPM

2. TỔNG QUAN VỀ CONTROL
LAYOUT - ANCHOR

None

Sizable

FormBorderStyle
Fixed3D

Phạm Hoàng Hải

FixedSingle

LTUDQL - 6


Khoa CNTT

CNPM

2. TNG QUAN V CONTROL
LAYOUT - ANCHOR
ă

Khi FormBorderStyle = Sizable, form
cho phộp thay i kớch thc khi
Runtime
ã

ă

S b trớ của control cũng thay đổi!

Sử dụng thuộc tính Anchor
•

Cho phép control phản ứng lại với thao
tác resize của form
§ Control có thể thay đổi vị trí tương ứng với
việc resize của form
§ Control cố định khơng thay đổi theo việc
resize ca form

ã

Cỏc trng thỏi neo
Đ Left: c nh theo biờn trái
§ Right: cố định theo biên phải
§ Top: cố định theo biên trên
§ Bottom: cố định theo biên dưới

Phạm Hồng Hải

LTUDQL - 7


Khoa CNTT

CNPM

2. TỔNG QUAN VỀ CONTROL
LAYOUT - ANCHOR

Button được neo biên trái

Button tự do

Vị trí tương đối với biên trái khơng đổi

Di chuyển tương ứng theo kích thước mới
Phạm Hồng Hải

LTUDQL - 8


Khoa CNTT

CNPM

2. TỔNG QUAN VỀ CONTROL
LAYOUT - ANCHOR

Biên được
chọn neo,
màu đậm

Phạm Hoàng Hải

LTUDQL - 9


Khoa CNTT

CNPM

2. TNG QUAN V CONTROL
LAYOUT - DOCK
ă

Cỏc control cú thể gắn (dock) với một
cạnh nào đó của form, hoặc container
của control.
Windows Explorer
ListView
gắn bên
phải

TreeView gắn
bên trái

Phạm Hoàng Hải

LTUDQL - 10


Khoa CNTT

CNPM

2. TỔNG QUAN VỀ CONTROL
LAYOUT - DOCK

Top
Left

Fill

Right
Bottom

None

Phạm Hoàng Hải

LTUDQL - 11


Khoa CNTT

CNPM

3. CC CONTROL THễNG DNG
FORM
ă

Form, Label, Text Box, Button

ă

Check Box, Radio Button

ă

Combo Box, Listbox, Listview,
Treeview

ă

Menu Strip, Tool Strip

ă

Groupbox, Panel, Tab

Phạm Hoàng Hải

LTUDQL - 12


Khoa CNTT

CNPM

3. CC CONTROL THễNG DNG
FORM
ă

Form, Label, Text Box, Button

ă

Check Box, Radio Button

ă

Combo Box, Listbox, Listview,
Treeview

ă

Menu Strip, Tool Strip

ă

Groupbox, Panel, Tab

Phạm Hoàng Hải

LTUDQL - 13


Khoa CNTT

CNPM

3. CÁC CONTROL THƠNG DỤNG

FORM

MỘT SỐ THUỘC TÍNH CƠ BẢN
IsMdiContainer

Trạng thái SDI, MDI

BackColor

Màu nền

BackgroundImage Hình nền trên form
AcceptButton

Nút xử lý mặc định – phím Enter

CancelButton

Nút xử lý mặc định – Phím Esc

FormBorderStyle

Trạng thái của Form

MainMenuStrip

Chọn Menu chính cho form

ContextMenu

Chọn Menu ngữ cảnh cho Form

Maximize/Minimize Trạng thái phóng to và thu nhỏ
Box
trên Form
WindowState

Trạng thái của của số

ShowInTaskbar

Trạng thái hiện thị trên Taskbar

Phạm Hoàng Hải

LTUDQL - 14


Khoa CNTT

CNPM

3. CÁC CONTROL THÔNG DỤNG

FORM
MỘT SỐ PHƯƠNG THỨC CƠ BẢN
Close

Đóng form

Hide

Cho ấn form

Show

Hiện thị form chế độ Modeless

ShowDialog

Hiện thị form chế độ Model

Phạm Hoàng Hải

LTUDQL - 15


Khoa CNTT

CNPM

3. CÁC CONTROL THƠNG DỤNG

FORM
MỘT SỐ THUỘC TÍNH CƠ BẢN
Load

Sự kiện phát sinh khi form Load

FormClosed

Sự kiện phát sinh khi form đã

đóng

FormClosing

Sự kiện phát sinh khi form đang
đóng

Phạm Hồng Hải

LTUDQL - 16


Khoa CNTT

CNPM

3. CÁC CONTROL THƠNG DỤNG

LABEL
CÁC THUỘC TÍNH CƠ BẢN
Font

Font hiển thị của text

Text

Nội dung text hiển thị

TextAlign

Canh lề text

ForeColor

Màu text

Visible

Trạng thái hiển thị

Enable

Trạng thái sử dụng hoặc không
sử dụng control

Phạm Hoàng Hải

LTUDQL - 17


Khoa CNTT

CNPM

3. CÁC CONTROL THƠNG DỤNG

TEXTBOX
MỘT SỐ THUỘC TÍNH CƠ BẢN
Text

Chuỗi nhập vào

TextLength

Chiều dài chuỗi Text

TextAlign

Canh lễ cho chuỗi

Multiline

Textbox ở chế độ nhiều dịng

PasswordChar

Chỉ hiển thị kí tự đại diện (*,….)

ReadOnly

Textbox hiển thị nền xém, chỉ
cho xem.

Scrollbar

Thanh cuộn chế độ multiline

SelectedText

Chuỗi Text do người dùng, dùng

chuột chọn

SelectionStart

Vị trí bắt đầu của SelectedText

SelectionLength

Chiều dài của SelectedText

BorderStyle

Trạng thái đường viền của
Textbox

Phạm Hoàng Hải

LTUDQL - 18


Khoa CNTT

CNPM

3. CÁC CONTROL THÔNG DỤNG

TEXTBOX
MỘT SỐ PHƯƠNG THỨC CƠ BẢN
AppendText

Cộng dồn chuỗi

Clear

Xóa nội dung trên Textbox

Copy

Copy tồn bộ nội dung trên
Textbox

Cut

Cắt nội dung trên Textbox

Paste

Dán nội dung vào trong Textbox

Undo

Quay trợ về trạng thái cũ

GetCharIndexFor
mPosition

Lấy kí tự tại vị trí

Select

Chọn

Phạm Hồng Hải

LTUDQL - 19


Khoa CNTT

CNPM

3. CÁC CONTROL THÔNG DỤNG

TEXTBOX
MỘT SỐ SỰ KIỆN CƠ BẢN
TextChanged

Sự kiện phát sinh khi có kí tự
được nhập vào Textbox

Phạm Hoàng Hải

LTUDQL - 20


Khoa CNTT

CNPM

3. CÁC CONTROL THƠNG DỤNG

TEXTBOX – DEMO
CHUYỂN KÍ TỰ THƯỜNG à HOA

Chuyển thành
chữ hoa

Double click vào
textbox để tạo
event handler cho
event
TextChanged

Phạm Hoàng Hải

LTUDQL - 21


Khoa CNTT

CNPM

3. CÁC CONTROL THÔNG DỤNG
TEXTBOX
CHỈ CHO NHẬP SỐ VÀO TEXTBOX

Sự kiện KeyPress

Phạm Hoàng Hải

Sự kiện phát

sinh khi
textbox nhận
focus và user
nhấn 1 phím
LTUDQL - 22


Khoa CNTT

CNPM

3. CÁC CONTROL THƠNG DỤNG

BUTTON
MỘT SỐ THUỘC TÍNH CƠ BẢN
Text

Chuỗi nhập vào

TextAlign

Canh lễ cho chuỗi

BackgroundImage Hình nền trên Button
DialogResult

Thiết lập giá trị trả về cho Form

Phạm Hoàng Hải

LTUDQL - 23


Khoa CNTT

CNPM

3. CÁC CONTROL THÔNG DỤNG

BUTTON
MỘT SỐ SỰ KIỆN CƠ BẢN
Click

Sự kiện phát sinh khi người
dùng click lên Button

Phạm Hoàng Hải

LTUDQL - 24


Khoa CNTT

CNPM

3. CC CONTROL THễNG DNG
ă

Form, Label, Text Box, Button

ă

Check Box, Radio Button

ă

Combo Box, Listbox, Listview,
Treeview

ă

Menu Strip, Tool Strip

ă

Groupbox, Panel, Tab

Phạm Hoàng Hải

LTUDQL - 25