Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM
Môn : Tin học
Slide 115 Chương 4: Qui trình thiết kếtrực quan giao diện của ứng dụng
Qui trình tạo Toolbar của form (tt)
2.2 chọn tab General, chọn checkbox Custom rồi nhập kích thước của button Toolbar vào 2 field Height và Width.
Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM
Môn : Tin học
Slide 116 Chương 4: Qui trình thiết kếtrực quan giao diện của ứng dụng
Qui trình tạo Toolbar của form (tt)
2.3 chọn tab Images rồi thêm từng ảnh button vào ImageList bằng trình tự : ấn Insert Picture, duyệt và chọn file image, nhập giá trị cho field Key. Để truy xuất ảnh button, ta dùng hoặc thuộc tính Index hoặc thuộc tính Key (tên gợi nhớ).
Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Tin học Slide 117 2.4 sau 6 lần insert icon vào ImageList, ta có kết quả như hình bên. Bạn có thể chọn lại từng icon để kiểm tra/hiệu chỉnh các thuộc tính của nó.
Qui trình tạo Toolbar của form (tt)
Chương 4: Qui trình thiết kếtrực quan giao diện của ứng dụng
Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM
Môn : Tin học
Slide 118
Qui trình tạo Toolbar của form (tt)
Chương 4: Qui trình thiết kếtrực quan giao diện của ứng dụng 3. Tạo 1 đối tượng Toolbar, vị trí và kích thước của đối tượng này không
Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM
Môn : Tin học
Slide 119
Qui trình tạo Toolbar của form (tt)
Chương 4: Qui trình thiết kếtrực quan giao diện của ứng dụng 3.1 Mở cửa sổ thuộc tính của Toolbar, chọn tab General, chọn ImageList kết hợp với Toolbar trong listbox ImageList. Nếu muốn hình ảnh của từng icon khác nhau cho từng trạng thái (chưa chọn, được chọn, bị cấm), bạn phải tạo 2 ImageList khác : HotImageList (trạng thái được chọn) và DisableImageList (trạng thái bịcấm).
Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM
Môn : Tin học
Slide 120
Qui trình tạo Toolbar của form (tt)
Chương 4: Qui trình thiết kếtrực quan giao diện của ứng dụng 3.2 Chọn tab Buttons, thêm
từng button vào Toolbar và thiết lập thuộc tính của nó bằng trình tự các hoạt động sau : ấn Insert Button để thêm button mới, nhập giá trị thuộc tính "Key", nhập chỉ số "Images" trong ImageList được dùng cho button,
nhập trịcho thuộc tính "ToolTipText"...
Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM
Môn : Tin học
Slide 121
Qui trình tạo Toolbar của form (tt)
Chương 4: Qui trình thiết kếtrực quan giao diện của ứng dụng 3.3 sau khi thêm 6 button vào Toolbar thì Toolbar có dạng sau :
Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM
Môn : Tin học
Slide 122