Tạo thanh công cụ Toolbar

Thanh công cụ giúp chúng ta truy cập đến các chức năng của chương trình được nhanh hơn. Mặt khác nó còn nâng cao tính thẩm mỹ cho chương trình. Điều khiển này không phải là điều khiển nội tại của VB mà nó được gói trong tệp tin có tên là MSCOMCTL.OCX. Khi sử dụng thanh Toolbar chúng ta thường phải thêm một control khác là ImageList (control này cùng nằm trong tệp MSCOMCTL.OCX với Toolbar), ImageList có khả năng lưu trữ các hình ảnh và biểu tượng để Toolbar sử dụng vào việc hiển thị trên các nút.

Để xây dựng một thanh Toolbar, chúng ta cần phải theo mấy bước chính như sau:

• Kéo đối tượng Toolbar và ImageList vào Form
• Chèn các icon (biểu tượng) vào ImageList để nó lưu trữ
• Gắn ImageList với Toolbar
• Chèn các nút trong Toolbar và chỉ định icon cho nó

Thực hành: xây dựng toolbar theo như hình dưới đây

Các bước thực hiện

• Vào menu → Project → Components (Hoặc ấn tổ hợp phím Ctrl+T)
• Đánh dấu chọn () vào mục “Microsoft Windows Common Control 6.0 (SP4)”, sau đó click nút OK. Trong hộp ToolBox sẽ xuất hiện các control vừa mới thêm.
• Vẽ 2 control ToolBar () và ImageList () vào Form.
• Đặt tên: tbrMenu cho Toolbar và imlIcon cho ImageList
• Chèn các icon vào ImageList (Các icon này sẽ gắn vào các nút của toolbar):
  • Trong cửa sổ Properties, chọn đối tượng imlIcon, sau đó click đúp lên thuộc tính Custom. (Hoặc click lên nút có biểu tượng 3 dấu chấm bên phải) để mở hộp thoại chèn icon.
  • Trong tab General đầu tiên, chọn kích thước khi hiển thị icon là 16x16
  • Sau đó chọn tab (trang/thẻ) Images
  • Click vào nút Insert Picture để thêm biểu tượng thứ nhất: bạn hãy trỏ đến file icon theo đường dẫn sau: C:Program FilesMicrosoft Visual StudioCommonGraphicsIconsArrowsArw05lt.ico. Sau đó click vào nút Open để thêm vào imlIcon. Đặt thuộc tính Key cho icon này là: icoBack (ico → tiền tố cho icon). Thuộc tính Key này rất quan trọng, nó là một tên để phân biệt icon này với icon khác và để chúng ta tham chiếu khi đặt icon cho các nút. Đừng quên đặt Key cho các icon khi thêm !
  • Tương tự bước trên để thêm icon thứ 2, là Key là icoNext. Hãy ghi nhớ thuộc tính Key của các icon này và lưu ý là có phân biệt giữa chữ thường và chữ HOA : icoNext ≠ iconext. Tiếp theo chọn OK để đóng hộp thoại chèn Icon lại.
• Đặt thuộc tính cho Toolbar và chèn các nút
  • Chọn đối tượng tbrMenu và chọn Custom trong cửa sổ Properties, hộp thoại sau sẽ hiện ra:

Gắn kết giữa ImageList vào Toolbar

• Trong trang General, đặt thuộc tính ImageList là imlIcon (Điều này nói lên rằng: Các icon sử dụng cho các nút của toolbar sẽ được lấy trong điều khiển imlIcon)
• Đặt thuộc tính Style là Flat (Bạn có thể không đặt thuộc tính này)
• Chọn sang trang (thẻ) Buttons. Click vào nút Insert để chèn nút và điền vào các thuộc tính như trong hình.
• Sau khi điền xong, click vào nút Insert để chèn nút thứ hai, và soạn các mục như hình kế tiếp
• Click vào nút OK để kết thúc
• Ấn F5 để chạy chương trình nếu bạn thực hiện đúng các bước như trên.
• Hãy thay đổi các thuộc tính khác như ToolTip Text, Visible... và tự kiểm tra kết quả.

Tạo các nút của Toolbar

• Ghi chú:

Có thể thêm vào ToolBar các thanh phân cách, ví dụ Thêm thanh phân cách giữa các nút của toolbar như sau:

• Mở hộp thoại Property page của tbrMenu như ở phần trước
• Di chuyển đến mục số 1 (mục Back) bằng cách dùng các nút
• Click vào nút Insert để chèn một nút mới (Nút này sẽ là thanh phân cách)
• Đặt thuộc tính Style là 3-tbrSeparator như trang sau ()
• Ấn F5 để chạy chương trình.