Bài 08 - thiết kế form I Lậ trình windows p  Lập trình Windows có nhiều khác biệt so với l ập trình DOS (như lập trình PASCAL), điểm khác biệt 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 Windows thường cung cấp sẵn đối tượng điều kiển như: Cửa sổ (FORM), Nút lệnh (Command Button), Ô text (Textbox), Lưới (GRID) 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 mơ tả qua số thuộc tính đó, thuộc tính qui định tính chất hiển thị, định danh đố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 đố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 số kiện Ví dụ: đối tượng Command Button có khả đáp ứng kiện Click, Double Click đối tượng Text box có khả đáp ứng kiện Click, Change Các kiện người sử dụng tạo Các kiện người lập trình viết mã nh ằm th ực thi cơng việc  Phương thức (Methods): Mỗi đối tượng điều khiển thường có vài phương thức tương ứng với “hành động” Ví dụ với FORM sử dụng phương thức Cls để xoá Form, phương thúc Line để vẽ đoạn thẳng; với đối tượng TextBox sử dụng phương thức Refresh để làm tươi liệu, phương thức Move để di chuyển vị trí Các phương thức thiết lập sẵn nhằm thực thi công vi ệc cụ thể II thiết kế form Tạo FORM sử dụng Wizard Các bước thực Mở Project cần 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 hình sau: Chọn kiểu Form Wizard: Form Wizard - Tạo Form từ m ột bảng đơn, 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 chọn Form Wizard, chọn OK Step - Select Fields: Chọn Database, Tables Fields (Sử dụng lệnh >, >> để chọn trường cần thiết), Trong ví dụ chọn bảng DMKHOA, chọn tất trường Khi chọn xong trường, chọn Next để qua bước Step - Choose Form Style: Chọn kiểu form, kiểu nút lệnh Style: Kiểu Form Khi chọn kiểu đó, 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 Text Picture Chọn Next để tiếp tục Step - Sort Records Chọn trường để xếp: Chọn1 trường để xếp bỏ qua Step - Finish Nhập vào tiêu đề cho form chọn Finish Tiếp đến nh ập vào tên form 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 chọn One-To-Many Form Wizard, chọn OK Step - Select Parent Table Fields: Chọn trường cho b ảng cha, chọn Next (Trong ví dụ dùng bảng DMKHOA bảng cha, DMLOP - bảng con) Step - Select Child Table Fields: Chọn trường cho bảng con, chọn Next để tiếp tục Step - Relate Tables: Xác định quan hệ bảng, trường hợp thiết lập quan hệ bền vững bảng quan hệ 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 để 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 FORM sử dụng Form Designer Các bước thực Mở Project cần làm, Project Manager chọn Tab Documents Chọn Form Chọn New Chọn New Form Khi giao diện Form Designer xu ất hình sau: Trong đó: Phía toolbar Form Designer, bên phải toolbar Form Controls Chúng ta s ẽ tìm hiểu chức phần sau Một số thuộc tính FORM Form đối tượng quan trọng thiết kế giao di ện WIndows, đối tượng khác Form có thuộc tính riêng Có hai cách để thiết lập thuộc tính c form: sử dụng cửa sổ Properties sử dụng lệnh để thiết lập (có thuộc tính 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 Form thiết kế, Pop-up menu xuất hi ện ta chọn chức Properties Pop-up menu cửa sổ Properties xuất hình sau: Sau tìm hiểu số thuộc tính thông dụng Form AlwaysOnTop: Ngăn cản cửa sổ khác đè lên Thuộc tính nhận hai giá trị là: (1) T - Form nằm đối tượng khác; (2) F - Cửa sổ khác có th ể đè lên (mặc định) AutoCenter: Chỉ xuất vị trí Form có hình hay khơng Thuộc tính nhận giá trị: (1) T - Form tự động canh giữa; (2) F - Vị trí Form phụ thuộc vào thuộc tính Top, Left (mặc định) 3 BackColor: Mầu Form Trong thiết kế dùng hộp mầu để chọn chạy chương trình sử dụng hàm RBG() để xác định mầu BorderStyle: Dạng đường viền Form Thuộc tính nhận 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 đề Form Thuộc tính nhận giá tr ị xâu kí tự, mặc định caption tên form Closable: Cho phép sử dụng lệnh Close hộp Control - menu nút Close góc bên phải form Thu ộc tính nhận giá trị: (1) T - Cho phép đóng cửa sổ lệnh Close (Mặc định); (2) F - Không cho phép sử dụng lệnh Close ControlBox: Hiển thị không hộp Control menu box góc bên trái form Thuộc tính nh ận giá tr ị: (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 kiện control form (và form) Thu ộc tính nhận 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ị đối tượng text form Khi thiết kế dùng h ộp tho ại chọn forn để chọn font chữ có máy tính Trong chương trình thuộc tính nhận xâu text th ể hi ện tên font chữ đó, 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 form 13 Maxbutton, MinButton: Hiển thị hay không nút lệnh Maximize, Minimize Thuộc tính nhận 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 xâu kí tự không chứa dấu cách, ký tự đặc biệt 15 Top: Vị trí cạnh Form 16 Width: Độ rộng form 17 WindowState: Xác định trạng thái form chạy Thuộc tính nhận giá trị: (1) - Bình thường (Normal), tức vị trí, kích thước form nh thiết kế (mặc định); (2) - Thu thành biểu tượng task bar (Minimize); (3) - Phóng to hết cỡ hình (Maximize) Một số tình (Event) thường dùng Form Activate: Tình sảy form “kích hoạt” (active) Ví dụ: Khi kích hoạt form DMKHOA (đã tạo Form Wizard trước đó) cần đưa ghi (khoá) cuối Cách thực hiện:  Trong cửa sổ Project Manager chọn mục Documents  Chọn mục Form mở rộng  Chọn form DMKHOA  Chọn Modify, giao diện Form Designer xuất Trong Form Designer nháy đúp chuột trái vào Form, giao diện lập trình form xuất hình sau:  Object: hiển thị tên đối tượng (trong tình Form1 - Tên form DMHANG) Kích chuột trái vào mũi tên xuống (bên cạnh) để chọn Object cần  Procedure: Hiện thị tình (event) đáp ứng đố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 cần, ví dụ tình cần chọn Activate  Viết lệnh: Khi chọn đối tượng tình cần thiết cửa sổ bên cho phép soạn thảo lệnh nhằm đáp ứng tình đặt Trong ví dụ cần đưa ghi cuối nên nhập vào lệnh: thisform.butTONSET1.cmdEnd.click Trong đó: Thisform: tên thay form thời butTONSET1: Tên lớp chứa nút lệnh cmdEnd: Tên nút lệnh Buttom Click: Tình click đối tượng cmdEnd Click: Tình sảy người sử dụng click phím trái chuột 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 tương tự chọn Event click viết lệnh: MESSAGEBOX("Ban vua click chuot trai tren form!") Dbclick: Tình sảy người s dụng nháy đúp chuột trái 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 tương tự chọn Event Dbclick viết lệnh: MESSAGEBOX("Ban vua Double click chuot trai tren form!") Deactivate: Tình sảy form bị thơi kích hoạt (ngược với kích hoạt) Ví dụ hiển thị thơng báo thơi kích hoạt form Destroy: Tình sảy form hủy bỏ (destroy) Ví dụ: Hiển thị thơng báo “Destroy” tình xảy Thực tương tự chọn Event Destroy viết lệnh: MESSAGEBOX("Destroy!") Init: Tình sảy form khởi tạo Ví dụ: Hiển thị thơng báo “Init” tình xảy Thực tương tự chọn Event Init viết lệnh: MESSAGEBOX("Init!") Load: Tình sảy trước form khởi tạo Ví dụ: Hiển thị thơng báo “Load” tình xảy Thực tương tự chọn Event Destroy viết lệnh: MESSAGEBOX("Load!") Một số phương thức (Methods) thường dùng Form Circle(r, x,y): Cho phép vẽ lên form vịng trịn bán kính r, tâm x,y Cls: Xóa form Hide: ẩn form Line(x1,y1,x2,y2): Vẽ đoạn thẳng từ x1,y1 đến x2,y2 Point(x,y): Trả số hiệu mầu điểm x,y Print(cText): In dịng text hình Pset(x,y): Vẽ điểm x,y Release: Xóa form thời Show: Hiển thị form Thi hành (chạy) FORM Thực thi Form hai cách: Cách 1: Từ cửa sổ Project Manager, chọn Documents, ch ọn Form chọn Form cần thi hành nhấn Run Cách 2: Thực qua lệnh Do FORM sau: DO FORM III Các thành phầ liên quan đế công cụ form n n designer Thanh cơng cụ Color Palette (Tự tìm hiểu) Thanh cơng cụ Layout (Tự tìm hiểu) Thanh cơng cụ Toolbar (Tự tìm hiểu) Data Environment Data Environment làđ tưng dùng đ bả ố ợ i ể a ng dữliệ hay View màform cầ sửdụ u n ng Data Environment tựđ ộ ng mở bả ng view Form đợ khở đng vàcũ tựđ ưc i ộ ng óng chúng kế thúc t việ vớ form Sử dụ m c i ng Data Environment giúp dễdà thiế kếcác giao diệ vớ bả hoặ ng t n i ng c view Thiế lậ Data Environment: t p MởForm cầ việ ởchếđ Form Designer n m c ộ Trong Menu View chọ n mụ c Environment đ ó giao diệ n Environment xuấ hiệ nhưhình sau: t n Data Data Click chuộ phả lên vùng trố t i ng Data Environment rồ chọ lệ Add đ thêm bả i n nh ể ng, view vào Data Environment Bài tậ p Bước đầu thiết kế form nhập liệu nêu t ập môn học -  ... kiểu Form Wizard xuất hình sau: Chọn kiểu Form Wizard: Form Wizard - Tạo Form từ m ột bảng đơn, 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 -. .. cho form chọn Finish Tiếp đến nh ập vào tên form 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 chọn One-To-Many Form Wizard, chọn OK Step - Select... thức thiết lập sẵn nhằm thực thi công vi ệc cụ thể II thiết kế form Tạo FORM sử dụng Wizard Các bước thực Mở Project cần làm, Project Manager chọn Tab Documents Chọn Form Chọn New Chọn Form Wizard,