Chương 3: Thiết kế giao diện CH ƠNG THI T K GIAO DI N Khái ni m Forms Khi sử dụng ứng dụng, đa phần công việc ngư i dùng làm hộp thoại (Dialogue), cửa sổ (Windows) Cả thành phần lập trình gọi Form Với ngư i dùng, Form giao diện để sử dụng phần mềm; với ngư i phát triển phần mềm, Form mà họ phải nghĩ, phải thiết kế tạo cho ngư i dùng họ cảm thấy thoải mái, phù hợp dễ dùng Có môi trư ng dùng tạo Form Access: - Sử dụng trình Form Wizard Đây cách đơn giản, nhanh chóng, dễ dùng giúp tạo nhanh Form Tuy nhiên Form tạo có nhiều hạn chế, không gần gũi với yêu cầu ngư i dùng - Sử dụng trình Form Design View - cơng cụ tương đối hoàn chỉnh để tạo form đáp ứng nhiều yêu cầu khác ngư i sử dụng Tạo form công cụ FORM WIZARD Các bước thực tạo form sử dụng công cụ Form wizard: B ớc 1: Kích hoạt trình Form Wizard thẻ Forms, nhấn nút New, chọn Form Wizard, nhấn OK B ớc 2: Chọn thông tin cần đưa lên form Các thông tin gồm lựa chọn sau: - Chọn bảng: nơi có trư ng cần đưa lên form để nhập liệu Tables/Queries hộp - Tiếp theo đưa trư ng cần nhập liệu lên form từ danh sách Available Fields B ớc 3: Chọn bố cục (Layout) cho form B ớc 4: Chọn kiểu dáng (Style) thuộc lớp chọn cho form B ớc 5: Hồn thiện cơng việc: - Đặt tên gọi tiêu đề cho form your form? hộp What title you want for - Có thể tuỳ chọn kích hoạt form vừa tạo chọn Open the form to view or enter information m form chế độ Design view để sửa cấu trúc chọn mục Modify the form’s design 28 Chương 3: Thiết kế giao diện - Nhấn Finish để hồn tất tồn cơng việc Tạo form ch độ FORM DESIGN VIEW 3.1 Thiết kế Form nhập liệu a, Tạo form Để tạo form, thực hiện: Từ thẻ form, chọn New, chọn Design View Môi trư ng giao tiếp thiết kế form gồm có thành phần sau: + Cửa sổ thiết kế form + Thanh công cụ tootbox + Cửa cổ Properties b, Cửa sổ Form Cửa sổ thiết kế form có dạng sau: Cấu trúc cửa sổ form gồm phần: • Form Header: phần tiêu đề đầu form • Form Footer: phần tiêu đề cuối • Detail: phần thân form c, Thanh cơng cụ Toolbox Toolbox chứa đối tượng, cơng cụ đưa lên form với mục đích thiết kế giao diện điều khiển liệu theo toán Toolbox gồm công cụ xử lý sau: 29 Chương 3: Thiết kế giao diện c, Cửa cổ Properties Properties (thuộc tính) cho form đối tượng form Cửa sổ thuộc tính có thành phần sau: Một số thuộc tính thường dùng: • • • • • • • • • • • Record Source: Thiết lập nguồn liệu cho form Default view: Thiết lập dạng hiển thị liệu form Record Selecter: Hiển thị mẫu lựa chọn ghi Navigation Botton: Lựa chọn hiển thị (yes) hay không hiển thị (no) định vị ghi Dividing line: Lựa chọn hiển thị (yes) hay không hiển thị (no) đư ng kẻ phân cách form Caption: Là thuộc tính tạo dịng chữ thích form Dịng chữ phải nhập trực tiếp từ bàn phím thật ngắn gọn, xúc tích để ngư i dùng hiểu chất ý nghĩa việc bạn giải thích, thư ng để mơ tả tiêu đề cho trư ng liệu Height – Width: Thay đổi kích thước chiều cao chiều rộng đối tượng Top – Left: Thay đổi vị trí đối tượng form so với điểm (0,0) form Font: Thay đổi kiểu font hiển thị văn form ForeColor: Thay đổi màu chữ BackColor: Thay đổi màu 30 Chương 3: Thiết kế giao diện Ví dụ: Tạo form dùng làm mẫu nhập liệu cho bảng CANBO s liệu “Quản lý nhân sự” B ớc Tạo form chế độ Design View B ớc 2: Thiết lập nguồn liệu cho form: chọn tên bảng CANBO Record Source hộp B ớc 3: Thiết lập trư ng liệu Cửa sổ Field List có chứa danh sách trư ng CSDL có nguồn liệu Form Nó hỗ trợ việc đưa trư ng liệu lên form để nhập hiển thị liệu tốt Trong trư ng hợp ta dùng để đưa trư ng cần nhập liệu từ bảng CANBO lên form Nếu chưa thấy cửa sổ xuất hiện, thực hiển thị cách m thực đơn View | Field List nhấn nút Field List công cụ chuẩn B ớc 4: Đưa trư ng cần nhập liệu từ cửa sổ Field List lên Form thiết kế cách: Dùng chuột kéo trư ng muốn thiết kế lên form từ cửa sổ Field List thả lên vị trí hợp lý form (với phải kéo toàn trư ng lên form) Mỗi kéo trư ng từ Field List lên form, Access tự động tạo đối tượng gắn kết tới trư ng liệu tương ứng, đối tượng Textbox, Combobox hay đối tượng khác tuỳ thuộc vào kiểu liệu trư ng tương ứng; đối tượng Label kèm nhằm tạo nhãn thích cho trư ng liệu 3.2 Sử dụng Command Button Wizard Nút lệnh (Command Button) thư ng dùng để lập trình xử lý cơng việc thao tác form Access cung cấp công cụ Control Button Wizard giúp tạo số loại nút lệnh mà khơng cần biết đến lập trình Các Control Button Wizarrd gồm: 31 Chương 3: Thiết kế giao diện Kỹ thuật Sub-form Sub-form kỹ thuật thiết kế giao diện mạnh, đáp ứng yêu cầu xử lý liệu phức tạp mà kỹ thuật Single-form chưa thể đáp ứng Có thể 32 Chương 3: Thiết kế giao diện hiểu Sub-form việc form lồng form (có thể lồng nhiều lớp) Form chứa gọi form mẹ (Main form); form lồng vào gọi form (Sub-form) Việc xử lý liệu form xử lý độc lập có quan hệ với tuỳ theo mục đích cơng việc Sub-form sử dụng loại form nhập liệu, sử dụng để hiển thị liệu 4.1 Sử dụng Sub-form form nhập liệu Để sử dụng kỹ thuật sub form nhập liệu, ta thực sau: • Bước 1: Tạo Sub form • Bước 2: Tạo Main form • Bước 3: Thiết lập mối liên hệ Main form Sub form thuộc tính Link Child Field Link Master Field Hai thuộc tính chứa tên trư ng khoá liên hệ bảng liệu Sub form bảng liệu Main form Chú ý: Thuộc tính Default: Sub form DataSheet, cịn Main form Single form Ví dụ: Thiết kế form nhập thơng tin vào hố đơn bán hàng sau: 33 Chương 3: Thiết kế giao diện Với yêu cầu này, cần thực hiện: - Tạo subform cho phép hiển thị nhập thông tin hàng bán (2) - Tạo mainform để nhập thơng tin hố đơn bán hàng (1) - Mối liên kết mainform với subform thông qua trư ng hoadonID Các bước thực hiện: B ớc 1: Tạo form - Tạo mới form chế độ Design View - Vì form hiển thị liệu dạng bảng nên phải thiết lập thuộc tính Default View cho form Datasheet - Thiết lập nguồn liệu làm việc cho form Source: thuộc tính Record - Tiếp theo đóng hình thiết kế query - Sử dụng cửa sổ Field List để đưa trư ng cần thiết lên vùng Detail form bao gồm: hangID, donvi, dongia, soluong, thanhtien; - Ghi lại form với tên gọi (ví dụ: frmHangban) đóng lại B ớc 2: Tạo form mẹ - Tạo mới form chế độ Design View - Thiết lập nguồn liệu làm việc cho form mẹ Source: thuộc tính Record 34 Chương 3: Thiết kế giao diện - Sử dụng cửa sổ Field List để đưa trư ng cần thiết lên vùng Detail form bao gồm: hoadonID, khacID, ngayban, diachi, email; - Đưa lên Main form đối tượng Subform\Subreport, sau thực chọn tên Sub form tạo (frmHangban) 4.2 Sử dụng Sub-form form lọc liệu Để sử dụng kỹ thuật sub form lọc liệu, ta thực sau: B ớc 1: Tạo Sub form dùng để hiển thị liệu B ớc 2: Tạo Main form dùng để lựa chọn giá trị thực lọc B ớc 3: Thiết lập mối liên hệ Main form Sub form thuộc tính Link Child Field Link Master Field Hai thuộc tính chứa tên trư ng khoá liên hệ bảng liệu Sub form bảng liệu Main form Chú ý: Thuộc tính Default: Sub form DataSheet, cịn Main form Single form Ví dụ: Thiết kế form lọc danh sách cán theo phòng ban: 35 Chương 3: Thiết kế giao diện Với yêu cầu này, cần thực hiện: - Tạo form hiển thị thông tin danh sách cán - Tạo form mẹ cho phép chọn tên phòng ban - Thiết lập tham số cho form cho chọn phòng ban form mẹ, danh sách cán phịng ban tự động hiển thị form B ớc 1: Tạo form - Tạo mới form chế độ Design View - Thiết lập thuộc tính Default View cho form Datasheet - Thiết lập nguồn liệu làm việc cho form Source: tuộc tính Record - Tại trư ng phongbanid, ghi điều kiện lọc là: [cbopb], đóng query - Sử dụng cửa sổ Field List để đưa trư ng cần thiết lên vùng Detail form bao gồm: hoten, gioitinh, ngaysinh, tenchucvu; - Ghi lại form với tên gọi (ví dụ: frmDscb_subform) đóng lại B ớc 2: Tạo form mẹ - Tạo mới Main form chế độ Design View - Tạo hộp Combo box chứa danh sách phịng ban chọn form mẹ Thực tạo công cụ wizard, nguồn liệu chọn từ danh sách phòng ban lập - Thiết lập thuộc tính Name cho Combo box trùng tên với tham số thiết form cbopb 36 Chương 3: Thiết kế giao diện - Sử dụng đối tượng Subform\Subreport công cụ ToolBox để đưa form lên form mẹ 37 ... giúp tạo số loại nút lệnh mà không cần biết đến lập trình Các Control Button Wizarrd gồm: 31 Chương 3: Thiết k? ?? giao diện K? ?? thuật Sub-form Sub-form k? ?? thuật thiết k? ?? giao diện mạnh, đáp ứng yêu... đối tượng, cơng cụ đưa lên form với mục đích thiết k? ?? giao diện điều khiển liệu theo tốn Toolbox gồm cơng cụ xử lý sau: 29 Chương 3: Thiết k? ?? giao diện c, Cửa cổ Properties Properties (thuộc tính)... Field List lên Form thiết k? ?? cách: Dùng chuột k? ?o trư ng muốn thiết k? ?? lên form từ cửa sổ Field List thả lên vị trí hợp lý form (với phải k? ?o toàn trư ng lên form) Mỗi k? ?o trư ng từ Field List