Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM
Môn : Tin học Slide 97 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 98 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 99 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 100
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 101
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 102
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
Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM
Môn : Tin học Slide 103
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 104