Bước 4: Đưa những trường cần nhập dữ liệu từ cửa sổ Đưa những trường cần nhập dữ liệu từ cửa sổ Field List lên Form đang thiết kế. Field List lên Form đang thiết kế[r]
(1)THIẾT KẾ GIAO DIỆN
THIẾT KẾ GIAO DIỆN
(Form - Biểu mẫu)
(Form - Biểu mẫu)
- Một công cụ thiết kế giao diện cho người sử dụng phần mềm
(2)Các vấn đề cần nghiên cứu
• Các khái niệm Forms • Sử dụng Form wizard
• Sử dụng Form designview • Kỹ thuật Sub-form
(3)Nội dung cần nắm
Các khái niệm Form, thiết kế giao diện, lập trình trực quan, hướng đối tượng
Kỹ tạo dạng Form: - Form nhập liệu
(4)1 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) thành phần lập trình gọi form
Với người sử dụng form giao diện để sử dụng phần mềm
(5)Công dụng Form
Cơng dụng Form
• Thể việc cập nhật liệu cho bảng
(6)Nguồn liệu cho Form
Nguồn liệu cho Form
• Với Form cần nguồn liệu: nguồn liệu bảng (table) truy vấn (query) • Với Form dạng để tổ chức giao diện
(7)Cấu trúc Form
Cấu trúc Form
• Form có nhiều loại điều khiển: – Hộp văn (Text)
– Nhãn (Label)
(8)Có hai mơi trường tạo Form
• - 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 sử dụng
(9)2 Sử dụng FORM WIZARD
2 Sử dụng FORM WIZARD
• Form wizard cơng cụ Access giúp
người sử dụng nhanh chóng dễ dàng tạo Form làm giao diện nhập liệu cho bảng CSDL.
(10)2 Sử dụng FORM WIZARD
2 Sử dụng FORM WIZARD
• Bước 1:
• Kích hoạt trình Form Wizard
Ở thẻ Forms, nhấn nút New, chọn Form
(11)Hình 1: Chọn Form Wizard
Hình 1: Chọn Form Wizard
(12)Chọn bảng nào, truy vấn nào
Chọn bảng nào, truy vấn nào
• Chọn bảng:
Nơi trường cần đưa lên form để nhập liệu ở hộp: Tables/Queries,
(13)Hình 2: Chọn bảng query
(14)• Bước 2:
• Chọn thông tin cần đưa lên
Form
2 Sử dụng FORM WIZARD
2 Sử dụng FORM WIZARD
(tiếp)
(15)Hình 3: Chọn thông tin cần đưa lên
Hình 3: Chọn thơng tin cần đưa lên
Form
(16)• Từ danh sách Available Fields: sang danh sách Selected Fields: nút lệnh: >, >>, <, <<;
• Hãy làm đến chọn đủ trường cần nhập liệu lên form.
Để tiếp tục nhấn Next;
Đưa trường cần nhập thông tin lên form
(17)Bước 3:
Bước 3: Chọn bố cục (Layout) cho Chọn bố cục (Layout) cho
form.
form.
• Có kiểu bố cục thiết lập được cho form là:
• Columnar • Tabular
(18)Chọn kiểu bố cục
Chọn kiểu bố cục
• Hãy nhấn lên kiểu bố cục (hình dưới)
• Xem kết minh hoạ (Preview) hộp chữ nhật bên trái hộp thoại, định nên chọn loại nào
(19)(20)Bước 4:
Bước 4:
Chọn kiểu dáng (Style) cho form
Chọn kiểu dáng (Style) cho form
• Có danh sách kiểu dáng để chọn
• Hãy thử kiểu dáng chọn cho form phong cách phù hợp
(21)Xem, chọn kiểu dáng mong muốn
(22)Bước 5: Hoàn thiện cơng việc:
• Có thể gõ vào tên gọi tiêu đề cho form hộp What title you want for your
form?
Có thể tuỳ chọn kích hoạt Form vừa tạo nếu chọn Open the form to view or enter
information
• Hoặc mở form chế độ Design view để sửa
cấu trúc chọn mục Modify the forms
design
(23)Chú ý
Chú ý
• Quan trọng bước 1,
(24)Sử dụng form tạo
Sử dụng form tạo
vào việc nhập liệu:
vào việc nhập liệu:
• Chọn form, nhấn nút Open Nếu form chế độ thiết kế nhấn nút View cơng cụ Lúc sử dụng form để cập nhật liệu:
(25)Thanh định hướng (Navigator bar)
Thanh định hướng (Navigator bar) • - Nút để chuyển đến ghi kề sau;
(26)3 Sử dụng FORM DESIGN VIEW
3 Sử dụng FORM DESIGN VIEW
• Để tạo form mang tính
(27)• Nói khơng có nghĩa là
(28)Sử dụng Form Design View.
Sử dụng Form Design View.
3.1 Thiết kế Form nhập liệu đơn giản
3.1 Thiết kế Form nhập liệu đơn giản • Chúng ta tìm hiểu cách thiết kế
một form nhập liệu đơn giản thông qua yêu cầu:
– Tạo form dùng làm mẫu nhập liệu cho bảng.
(29)Có thành phần quan trọng để làm việc:
Có thành phần quan trọng để làm việc: • Cửa sổ Form
• Thanh công cụ ToolBox
(30)Tool Box Cửa sổ Form Cửa sổ Properties
(31)(1) Cửa sổ
(1) Cửa sổ FormForm
• Nơi thiết kế xây dựng thơng tin cần thiết cho Form
• Tồn thông tin form chứa đối tượng điều khiển (Control)
(32)(2) Thanh công cụ
(2) Thanh công cụ Toolbox Toolbox (nhấn View / (nhấn View / ToolBox)
ToolBox)
• Là nơi chứa đối tượng, công cụ cụ thể đưa lên form với mục đích thiết kế giao diện điều khiển liệu theo tốn Ví dụ: muốn tạo mục nhập Họ tên form dùng đối tượng Textbox,
• Muốn đưa thích (nhãn hiển thị) dùng Label, muốn tạo nút lệnh dùng
CommandButton,
• Mỗi đối tương có tập thuộc tính (Properties) tập kiện (Events) Thuộc tính để mơ tả tính
chất cho đối tượng đó, ví dụ như: màu sắc, kích
thước, tính chất liệu, Sự kiện- nơi gắn mã lệnh VBA gắn Macro lệnh để xử lý
(33)(3) Cửa sổ Properties
(nhấn nút Properties nhấn đúp ô vuông giao hai thước)
(34)Bước 2: Thiết lập nguồn liệu cho form
ở thuộc tính Record Source
• Form thiết kế loại để nhập liệu, bước để xác định nguồn liệu để form làm việc - Chọn thuộc tính form cách chọn tên đối tượng Form ở hộp chọn Object công cụ Formatting: • Hoặc nhấn chuột lên vng – vị trí giao
thước kẻ ngang-dọc form thiết kế Làm khi tiêu đề cửa sổ Properties Form
(35)a Sửa thuộc tính
Mở form để sửa chế độ thiết kế (Design view)
• Ví dụ:
– Sửa nhãn (Label): thuộc tính Caption – Thay đổi kích thước đối tượng (Resize):
Kích thước đối tượng thường mơ tả thuộc tính: Height - chiều cao With - chiều rộng Tuy nhiên ta hồn tồn thay đổi kích thước đối tượng
một cách trực quan chuột – Di chuyển đối tượng:
Mỗi đối tượng nằm form xác định toạ độ, toạ độ
thể qua thuộc tính: Top - khoảng cách từ tiêu đề form đến đối tượng và Left
– Thay đổi Font chữ: – Thay đổi màu nền:
BackColor Tuy nhiên hồn tồn thiết lập màu cách nhanh
(36)Bước 3: Mở cửa sổ Field List (nhấn vào nút Field List)
3.2 Tinh chỉnh cấu trúc Form
• Khi thiết kế form, địi hỏi lập trình viên khơng phải tạo form đáp ứng đầy đủ yêu cầu xử lý liệu toán,
• Đáp ứng tính thẩm mỹ Tuỳ thuộc vào
bài toán, vào đối tượng người sử dụng mà thiết kế kiểu giao diện thân thiện
Thanh công cụ Toolbox cửa sổ
(37)Bước 4:
Bước 4: Đưa trường cần nhập liệu từ cửa sổ Đưa trường cần nhập liệu từ cửa sổ Field List lên Form thiết kế
Field List lên Form thiết kế
• 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 tồn trường lên form)
• Lúc cửa sổ thiết kế form có dạng:
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
(38)Cửa sổ Field List
Cửa sổ Field List
• 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ầp nhập liệu từ bảng Sanpham 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
(39)b Sử dụng Command Button Wizard (tạo nút lệnh cho Form)
• Nút lệnh (Command Button) thường dùng để lập trình xử lý cơng việc
• Ví dụ: nhấn lên nút - Bảng lương, Bảng San pham in nhấn nút - form làm việc đóng lại Muốn vậy, người
lập trình phải viết lệnh phía sau nút đó, để nhấn lên nút, lệnh thi hành để điều khiển công việc yêu cầu 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 Dưới bước sử
dụng:
Ví dụ: Tạo nút: