Giáo án Tin học 11 - Bài 08: Thiết kế form

Mơt sơ thuơc tính cơa FORM Form là ăăi tăăng quan trăng trong thiăt kă giao diăn trên WIndows, căng nhă các ăăi tăăng khác Form có các thuăc tính riêng căa nó.. Có hai cách ăă thiăt lăp [r]

Bài 08 - thiơt kơ form

I Lđp trình trên windows

 Lăp trình trên Windows có nhiău khác biăt so văi lăp trình trên DOS (nhă lăp trình băng PASCAL), các ăiăm khác biăt chính là: Să dăng nhiău ăăi tăăng trăc quan trong thiăt kă giao diăn; Logic chăăng trình diăn ra theo să kiăn

 Đơi tơơng (ăiău khiăn - Control): Các công că lăp trình trên Windows thăăng cung căp săn các ăăi tăăng ăiău kiăn nhă: Căa să (FORM), Nút lănh (Command Button), Ô text (Textbox), Lăăi (GRID) và nhiău ăăi tăăng ăiău khiăn khác thăăng dùng cho viăc thiăt kă giao diăn

 Thuơc tính ( Properties): Măi ăăi tăăng ăiău khiăn ăăăc

mô tă qua măt să thuăc tính nào ăó, các thuăc tính này qui ăănh tính chăt hiăn thă, ăănh danh căa ăăi tăăng nhă: Name - Tên ăăi tăăng, Font - Font chă, Width - ăă răng, Height - chiău cao Các thuăc tính căa ăăi tăăng do ngăăi lăp trình xác lăp

 Sơ kiơn ( Events): Măi ăăi tăăng ăiău khiăn có khă năng ăáp ăng măt să să kiăn nào ăó Ví dă: ăăi tăăng Command Button có khă năng ăáp ăng să kiăn Click, Double Click ăăi tăăng Text box có khă năng ăáp ăng să kiăn să kiăn này do ngăăi să dăng

tăo ra Các să kiăn do ngăăi lăp trình viăt mã nhăm thăc thi măt công viăc nào ăó

 Phơơng thơc ( Methods): Măi ăăi tăăng ăiău khiăn thăăng

có măt vài phăăng thăc tăăng ăng văi măt “hành ăăng” nào ăó Ví dă văi FORM có thă să dăng phăăng thăc Cls

ăă xoá Form, phăăng thúc Line ăă vă măt ăoăn thăng; văi ăăi tăăng TextBox să dăng phăăng thăc Refresh ăă làm tăăi dă liău, phăăng thăc Move ăă di chuyăn vă trí Các phăăng thăc ăăăc thiăt lăp săn nhăm thăc thi măt công viăc

că thă

II thiđt kđ form

1 Tơo mơi mơt FORM sơ dơng Wizard

Các băăc thăc hiăn

1 Mă Project căn làm, trong Project Manager chăn Tab Documents

2 Chăn Form

3 Chăn New

4 Chăn Form Wizard, khi ăó giao diăn chăn kiău Form Wizard xuăt hiăn nhă hình sau:

5 Chăn kiău Form Wizard: Form Wizard - Tăo Form tă măt băng ăăn, hoăc One-To-Many Form Wizard - Tăo Form tă

2 băng có quan hă (1-nhiău) văi nhau

Ví dơ 1: Tơo Form tơ bơng đơn - Form cơp nhơt danh mơc khoá (DMKHOA)

1 Băăc 0 - Băăc 5 ă trên chăn Form Wizard, chăn OK

2 Step 1 - Select Fields: Chăn Database, Tables và Fields (Să dăng lănh >, >> ăă chăn các trăăng căn thiăt), Trong ví

dă này chăn băng DMKHOA, chăn tăt că các trăăng Khi

ăã chăn xong các trăăng, chăn Next ăă qua băăc 2

3 Step 2 - Choose Form Style: Chăn kiău form, kiău nút lănh

Style: Kiău Form Khi chăn măt kiău nào ăó, phăn ănh bên trái hiăn thă dăng form tăăng ăng văi kiău ăó

Button type: Kiău nút lănh Text - Nút lănh dăng chă (Text), Picture - Nút lănh dăng ănh, No button - Không có button Custom - Tuă chăn Nên chăn là Text hoăc Picture

Chăn Next ăă tiăp tăc

4 Step 3 - Sort Records

Chăn trăăng ăă săp xăp: Chăn1 trong các trăăng ăă săp xăp hoăc có thă bă qua

5 Step 4 - Finish

Nhăp vào tiêu ăă cho form răi chăn Finish Tiăp ăăn nhăp vào tên form răi chăn Save ăă ghi lăi

Ví dơ 2: Tơo Form tơ 2 bơng - Form cơp nhơt danh mơc Lơp (DMLOP)

1 Băăc 0 - Băăc 5 ă trên chăn One-To-Many Form Wizard, chăn OK

2 Step 1 - Select Parent Table Fields: Chăn trăăng cho băng cha, răi chăn Next

(Trong ví dă này chúng ta dùng 2 băng là DMKHOA - băng cha, và DMLOP - băng con)

3 Step 2 - Select Child Table Fields: Chăn trăăng cho băng con, chăn Next ăă tiăp tăc

4 Step 3 - Relate Tables: Xác ăănh quan hă giăa 2 băng, trăăng hăp ăã thiăt lăp quan hă băn văng giăa các băng thì quan hă này să ăăăc xác lăp ngay (nhă hình vă) Chăn Next ăă tiăp tăc

5 Step 4 - Choose Form Style : Chăn kiău Form, Chăn Next

ăă tiăp tăc (xem phăn trăăc)

6 Step 5 - Sort Records: Chăn trăăng ăă săp xăp Chăn Next

ăă tiăp tăc (xem phăn trăăc)

7 Step 6 - Finish: Kăt thúc (xem phăn trăăc)

2 Tơo mơi mơt FORM sơ dơng Form Designer

Các băăc thăc hiăn

1 Mă Project căn làm, trong Project Manager chăn Tab Documents

2 Chăn Form

3 Chăn New

4 Chăn New Form Khi ăó giao diăn Form Designer xuăt hiăn nhă hình sau:

Trong ăó: Phía trên là thanh toolbar Form Designer, bên phăi là thanh toolbar Form Controls Chúng ta să tìm hiău các chăc năng này trong các phăn sau

Mơt sơ thuơc tính cơa FORM

Form là ăăi tăăng quan trăng trong thiăt kă giao diăn trên WIndows, căng nhă các ăăi tăăng khác Form có các thuăc tính riêng căa nó Có hai cách ăă thiăt lăp các thuăc tính căa form:

2 là să dăng lănh ăă thiăt lăp (có nhăng thuăc tính chă cho phép thiăt lăp ă chă ăă thă 2)

Hiăn thă căa să Properties: Kích phăi chuăt vào phăn năn căa Form ăang thiăt kă, khi ăó măt Pop-up menu xuăt hiăn và ta chăn chăc năng Properties Pop-up menu và căa să Properties xuăt hiăn nhă hình sau:

Sau ăây chúng ta tìm hiău măt să thuăc tính thông dăng căa Form

1 AlwaysOnTop: Ngăn căn các căa să khác ăè lên Thuăc

luôn năm trên ăăi tăăng khác; (2) F - Căa să khác có thă

ăè lên (măc ăănh)

2 AutoCenter: Chă ra khi xuăt hiăn vă trí căa Form có ă giăa màn hình hay không Thuăc tính này có thă nhăn 1 trong 2 giá tră: (1) T - Form tă ăăng ăăăc canh giăa; (2) .F - Vă trí căa Form phă thuăc vào thuăc tính Top, Left (măc ăănh)

3 BackColor: Mău năn căa Form Trong khi thiăt kă có thă dùng hăp mău ăă chăn hoăc khi chăy chăăng trình có thă

să dăng hàm RBG() ăă xác ăănh mău

4 BorderStyle: Dăng ăăăng viăn căa Form Thuăc tính này

có thă nhăn măt trong các giá tră: (1) 0 - Không có ăăăng viăn (No Border); (2) 1 - Dăng ăăn, că ăănh (Fixed Single); (3) 2 - Theo dăng căa să hăp thoăi (Fixed Dialog); (4) 3 -

Có thă thay ăăi kích thăăc (Sizable - Măc ăănh)

5 Caption: Tiêu ăă căa Form Thuăc tính này nhăn giá tră

là măt xâu kí tă, măc ăănh caption là tên form

6 Closable: Cho phép să dăng lănh Close trong hăp Control

- menu hoăc nút Close góc trên bên phăi form Thuăc tính này có thă nhăn các giá tră: (1) T - Cho phép ăóng căa

să băng lănh Close (Măc ăănh); (2) F - Không cho phép

să dăng lănh Close

(1) T - Hiăn thă contrrol menu box; (2) - Không hiăn thă control menu box

8 Enabled: Cho phép có hiău lăc hay vô hiău khă năng ăáp ăng să kiăn căa các control trên form (và că form) Thuăc tính này nhăn các giá tră: (1) T - có hiău lăc; (2) F - Vô hiău lăc

9 FontName: Xác ăănh font chă dùng ăă hiăn thă các ăăi tăăng text trên form Khi thiăt kă có thă dùng hăp thoăi chăn forn ăă chăn các font chă hiăn có trong máy tính Trong chăăng trình thuăc tính này nhăn xâu text thă hiăn tên căa font chă nào ăó, ví dă “.vnTime”, “.vnArial”

10 FontSize: Kích thăăc font chă

11 Height: Chiău cao form

12 Left: Vă trí cănh trái căa form

13 Maxbutton, MinButton: Hiăn thă hay không các nút lănh Maximize, Minimize Thuăc tính này nhăn các giá tră: (1) T - Hiăn thă (măc ăănh); (2) F Không hiăn thă

14 Name: Tên (ăănh danh) Form, Tên form là xâu kí tă không chăa dău cách, và ký tă ăăc biăt

15 Top: Vă trí cănh trên căa Form

16 Width: ăă răng căa form

17 WindowState: Xác ăănh trăng thái form khi chăy

thăăng (Normal), tăc là vă trí, kích thăăc căa form nhă thiăt kă (măc ăănh); (2) 1 - Thu thành biău tăăng trên task bar (Minimize); (3) 2 - Phóng to hăt că màn hình (Maximize)

Mơt sơ tình huơng (Event) thơơng dùng cơa Form

1 Activate: Tình huăng này săy ra khi form ăăăc “kích hoăt” (active)

Ví dă: Khi kích hoăt form DMKHOA (ăã tăo băng Form Wizard trăăc ăó) căn ăăa vă băn ghi (khoá) cuăi cùng

Cách thăc hiăn:

 Trong căa să Project Manager chăn măc Documents

 Chăn măc Form và mă răng

 Chăn form DMKHOA

 Chăn Modify, khi ăó giao diăn Form Designer xuăt hiăn

Trong Form Designer nháy ăúp chuăt trái vào năn Form, khi ăó giao diăn lăp trình trong form xuăt hiăn nhă hình sau:

 Object: hiăn thă tên ăăi tăăng (trong tình huăng này

là Form1 - Tên căa form DMHANG) Kích chuăt trái vào măi tên xuăng (bên cănh) ăă chăn Object nău căn

 Procedure: Hiăn thă tình huăng (event) có thă ăáp ăng căa ăăi tăăng (Objêct) ăã chăn ă ô bên cănh Kích chuăt trái vào măi tên xuăng (bên cănh) ăă chăn tình huăng nău căn, trong ví dă này tình huăng căn chăn là Activate

 Viăt lănh: Khi ăã chăn ăúng ăăi tăăng và tình huăng căn thiăt thì căa să bên dăăi cho phép soăn thăo lănh nhăm ăáp ăng tình huăng ăăt ra Trong ví dă này

Trong ăó:

Thisform: là tên thay thă căa form hiăn thăi butTONSET1: Tên lăp chăa các nút lănh cmdEnd: Tên nút lănh Buttom

Click: Tình huăng click căa ăăi tăăng cmdEnd

2 Click: Tình huăng này săy ra khi ngăăi să dăng click phím trái chuăt trên form

Ví dă khi click chuăt trái lên form DMKHOA -> Hiăn thă thông báo “Ban vua click chuot trai len form!”

Thăc hiăn tăăng tă nhă trên nhăng chăn Event là click và viăt lănh:

MESSAGEBOX("Ban vua click chuot trai tren

form!")

3 Dbclick: Tình huăng này săy ra khi ngăăi să dăng nháy ăúp chuăt trái trên form

Ví dă khi Dbclick chuăt trái lên form DMKHOA -> Hiăn thă thông báo “Ban vua Double click chuot trai len form!”

Thăc hiăn tăăng tă nhă trên nhăng chăn Event là Dbclick

và viăt lănh:

MESSAGEBOX("Ban vua Double click chuot trai

4 Deactivate: Tình huăng này săy ra khi form bă thôi kích hoăt (ngăăc văi kích hoăt) Ví dă hiăn thă măt thông báo khi thôi kích hoăt 1 form

5 Destroy: Tình huăng này săy ra khi form ăăăc hăy bă (destroy)

Ví dă: Hiăn thă thông báo “Destroy” khi tình huăng này xăy ra

Thăc hiăn tăăng tă nhă trên nhăng chăn Event là Destroy

và viăt lănh:

MESSAGEBOX("Destroy!")

6 Init: Tình huăng này săy ra khi form ăăăc khăi tăo

Ví dă: Hiăn thă thông báo “Init” khi tình huăng này xăy ra

Thăc hiăn tăăng tă nhă trên nhăng chăn Event là Init và viăt lănh:

MESSAGEBOX("Init!")

7 Load: Tình huăng này săy ra trăăc khi form ăăăc khăi tăo

Ví dă: Hiăn thă thông báo “Load” khi tình huăng này xăy ra

Thăc hiăn tăăng tă nhă trên nhăng chăn Event là Destroy

và viăt lănh:

Mơt sơ phơơng thơc (Methods) thơơng dùng cơa Form

1 Circle(r, x,y): Cho phép vă lên form 1 vòng tròn bán kính

r, tâm tăi x,y

2 Cls: Xóa săch năn form

3 Hide: ăn form

4 Line(x1,y1,x2,y2): Vă ăoăn thăng tă x1,y1 ăăn x2,y2

5 Point(x,y): Tră vă să hiău mău tăi ăiăm x,y

6 Print(cText): In măt dòng text ra màn hình

7 Pset(x,y): Vă ăiăm x,y

8 Release: Xóa form hiăn thăi

9 Show: Hiăn thă form

3 Thi hành (chơy) mơt FORM

Thăc thi măt Form băng 1 trong hai cách:

Cách 1: Tă căa să Project Manager, chăn Documents, chăn Form răi chăn Form căn thi hành răi nhăn Run

Cách 2: Thăc hiăn qua lănh Do FORM nhă sau:

DO FORM <Tên Form>

III Các thành phđn liên quan đđn công cđ form

1 Thanh công cơ Color Palette (Tă tìm hiău)

2 Thanh công cơ Layout (Tă tìm hiău)

3 Thanh công cơ Toolbar (Tă tìm hiău)

4 Data Environment

Data Environment là đđi tđđng dùng đđ chđa các bđng dđ liđu hay View mà form cđn sđ dđng Data Environment tđ đđng mđ các bđng và view khi Form đđđc khđi đđng và cđng tđ đóng chúng khi kđt thúc làm viđc vđi form Sđ dđng Data Environment giúp chúng ta dđ dàng thiđt kđ các giao diđn vđi bđng hođc view

Thiđt lđp Data Environment:

1 Mđ Form cđn làm viđc đ chđ đđ Form Designer

2 Trong Menu View chđn mđc Data Environment khi đó giao diđn Data Environment xuđt hiđn nhđ hình sau:

3 Click chuđt phđi lên vùng trđng trong Data Environment rđi chđn lđnh Add đđ thêm các bđng, view vào Data Environment

Bài tđp

Băăc ăău thiăt kă các form nhăp liău nhă ăã nêu trong bài tăp môn hăc - bài 1