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 thiăt kă giao diăn; Logic chăăng trình diăn 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 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ă ăáp ăng măt să să kiăn nào ăó Ví dă: ăăi tăăng Command Button có khă ăáp ăng să kiăn Click, Double Click ăăi tăăng Text box có khă ăáp ăng să kiăn Click, Change Các să kiăn này ngăăi să dăng Lop11.com tăo Các să kiăn 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 Tơo mơi mơt FORM sơ dơng Wizard Các băăc thăc hiăn Mă Project làm, Project Manager chăn Tab Documents Chăn Form Chăn New Chăn Form Wizard, ăó giao diăn chăn kiău Form Wizard xuăt hiăn nhă hình sau: Lop11.com 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ă băng có quan hă (1-nhiău) văi Ví dơ 1: Tơo Form tơ bơng đơn - Form cơp nhơt danh mơc khoá (DMKHOA) Băăc - Băăc ă trên chăn Form Wizard, chăn OK Step - Select Fields: Chăn Database, Tables và Fields (Să dăng lănh >, >> ăă chăn các trăăng 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 Lop11.com Step - 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 ăó Lop11.com 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 Step - Sort Records Chăn trăăng ăă săp xăp: Chăn1 các trăăng ăă săp xăp hoăc có thă bă qua Step - Finish Lop11.com 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ơ bơng - Form cơp nhơt danh mơc Lơp (DMLOP) Băăc - Băăc ă trên chăn One-To-Many Form Wizard, chăn OK Step - Select Parent Table Fields: Chăn trăăng cho băng cha, răi chăn Next Lop11.com (Trong ví dă này chúng ta dùng băng là DMKHOA băng cha, và DMLOP - băng con) Step - Select Child Table Fields: Chăn trăăng cho băng con, chăn Next ăă tiăp tăc Lop11.com Step - Relate Tables: Xác ăănh quan hă giăa 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 (nhă hình vă) Chăn Next ăă tiăp tăc Step - Choose Form Style : Chăn kiău Form, Chăn Next ăă tiăp tăc (xem phăn trăăc) Step - Sort Records: Chăn trăăng ăă săp xăp Chăn Next ăă tiăp tăc (xem phăn trăăc) Step - Finish: Kăt thúc (xem phăn trăăc) Tơo mơi mơt FORM sơ dơng Form Designer Các băăc thăc hiăn Mă Project làm, Project Manager chăn Tab Documents Lop11.com Chăn Form Chăn New Chăn New Form Khi ăó giao diăn Form Designer xuăt hiăn nhă hình sau: Trong ăó: Phía trên là toolbar Form Designer, bên phăi là toolbar Form Controls Chúng ta să tìm hiău các chăc này các phăn sau Mơt sơ thuơc tính cơa FORM Form là ăăi tăăng quan trăng 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: là să dăng căa să Properties và Lop11.com 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ă, ăó măt Pop-up menu xuăt hiăn và ta chăn chăc 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 AlwaysOnTop: Ngăn các căa să khác ăè lên Thuăc tính này có thă nhăn hai giá tră là: (1) T - Form Lop11.com 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) AutoCenter: Chă 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 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) BackColor: Mău năn căa Form Trong thiăt kă có thă dùng hăp mău ăă chăn hoăc chăy chăăng trình có thă să dăng hàm RBG() ăă xác ăănh mău BorderStyle: Dăng ăăăng viăn căa Form Thuăc tính này có thă nhăn măt các giá tră: (1) - Không có ăăăng viăn (No Border); (2) - Dăng ăăn, că ăănh (Fixed Single); (3) - Theo dăng căa să hăp thoăi (Fixed Dialog); (4) Có thă thay ăăi kích thăăc (Sizable - Măc ăănh) 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 Closable: Cho phép să dăng lănh Close 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 ControlBox: Hiăn thă hoăc không hăp Control menu box góc trên bên trái form Thuăc tính này nhăn các giá tră: Lop11.com (1) T - Hiăn thă contrrol menu box; (2) - Không hiăn thă control menu box Enabled: Cho phép có hiău lăc hay vô hiău khă ăá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 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ó 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: ăă căa form 17 WindowState: Xác ăănh trăng thái form chăy Thuăc tính này có thă nhăn các giá tră: (1) - Bình Lop11.com thăăng (Normal), tăc là vă trí, kích thăăc căa form nhă thiăt kă (măc ăănh); (2) - Thu thành biău tăăng trên task bar (Minimize); (3) - 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 Activate: Tình huăng này săy form ăăăc “kích hoăt” (active) Ví dă: Khi kích hoăt form DMKHOA (ăã tăo băng Form Wizard trăăc ăó) ăă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ă  Chăn form DMKHOA  Chăn Modify, ăó giao diăn Form Designer xuăt hiăn Trong Form Designer nháy ăúp chuăt trái vào năn Form, ăó giao diăn lăp trình form xuăt hiăn nhă hình sau: Lop11.com  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  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, ví dă này tình huăng chăn là Activate  Viăt lănh: Khi ăã chăn ăúng ăăi tăăng và tình huăng 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 Trong ví dă này chúng ta ăăa vă băn ghi cuăi nên nhăp vào lănh: Lop11.com thisform.butTONSET1.cmdEnd.click 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 Click: Tình huăng này săy ngăăi să dăng click phím trái chuăt trên form Ví dă 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!") Dbclick: Tình huăng này săy ngăăi să dăng nháy ăúp chuăt trái trên form Ví dă 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 tren form!") Lop11.com Deactivate: Tình huăng này săy 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 thôi kích hoăt form Destroy: Tình huăng này săy form ăăăc hăy bă (destroy) Ví dă: Hiăn thă thông báo “Destroy” tình huăng này xăy Thăc hiăn tăăng tă nhă trên nhăng chăn Event là Destroy và viăt lănh: MESSAGEBOX("Destroy!") Init: Tình huăng này săy form ăăăc khăi tăo Ví dă: Hiăn thă thông báo “Init” tình huăng này xăy Thăc hiăn tăăng tă nhă trên nhăng chăn Event là Init và viăt lănh: MESSAGEBOX("Init!") Load: Tình huăng này săy trăăc form ăăăc khăi tăo Ví dă: Hiăn thă thông báo “Load” tình huăng này xăy Thăc hiăn tăăng tă nhă trên nhăng chăn Event là Destroy và viăt lănh: Lop11.com MESSAGEBOX("Load!") Mơt sơ phơơng thơc (Methods) thơơng dùng cơa Form Circle(r, x,y): Cho phép vă lên form vòng tròn bán kính r, tâm tăi x,y Cls: Xóa săch năn form Hide: ăn form Line(x1,y1,x2,y2): Vă ăoăn thăng tă x1,y1 ăăn x2,y2 Point(x,y): Tră vă să hiău mău tăi ăiăm x,y Print(cText): In măt dòng text màn hình Pset(x,y): Vă ăiăm x,y Release: Xóa form hiăn thăi Show: Hiăn thă form Thi hành (chơy) mơt FORM Thăc thi măt Form băng hai cách: Cách 1: Tă căa să Project Manager, chăn Documents, chăn Form răi chăn Form 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 designer Lop11.com Thanh công Color Palette (Tă tìm hiău) Thanh công Layout (Tă tìm hiău) Thanh công Toolbar (Tă tìm hiău) 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 Form đđđc khđi đđng và cđng tđ đóng chúng 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: Mđ Form cđn làm viđc đ chđ đđ Form Designer Trong Menu Environment View chđn đó giao mđc diđn Environment xuđt hiđn nhđ hình sau: Lop11.com Data Data Click chuđt phđi lên vùng trđng 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 bài tăp môn hăc - bài Lop11.com