Bài số 01: Thêm Tab mới và Nút Bấm trên File excel

tuhocvba

Administrator
Thành viên BQT
Bài số 01, trước hết tôi muốn giới thiệu cho mọi người mục đích của bài học hôm nay.
Bạn cần đăng nhập để thấy đính kèm


Những thứ cần chuẩn bị:
1. Bạn download phần mềm Custom UI Editor for Microsoft Office và cài đặt bình thường. Sau đây chúng tôi gọi là phần mềm UI.
Link download:
2. Bạn tạo một file excel không cần có nội dung gì cả, lưu lại, ví dụ là 0908.xlsm, và close file này đi nhé.
3. Bạn mở phần mềm UI lên.
Bạn cần đăng nhập để thấy đính kèm


4. Click chuột phải vào file 0908.xlsm như hình dưới:
Bạn cần đăng nhập để thấy đính kèm


Kết quả được như sau:
Bạn cần đăng nhập để thấy đính kèm

5. Viết XML:
Mã XML:
XML:
<?xml version="1.0" encoding="utf-8"?>
<customUI xmlns="http://schemas.microsoft.com/office/2009/07/customui">
  <ribbon startFromScratch="false">
    <tabs>
      <tab id="Tab1" label="tuhocvba.net">
        <group id="Group1" label="Message">
          <button id="HelloButton" label="Hello" imageMso="HappyFace" size="large" onAction="tuhocvba" />
        </group>
      </tab>
    </tabs>
  </ribbon>
</customUI>
trong đó tuhocvba.net là tên Tab sẽ được tạo ra trên file Excel.
tuhocvba là tên thủ tục Macro trên Module của file, sẽ viết code sau.
Các chữ Group1Message được hiển thị mong muốn như thế này:
Bạn cần đăng nhập để thấy đính kèm


6. Kiểm tra mã XLM có lỗi gì không và lưu lại.
Bạn cần đăng nhập để thấy đính kèm


7. Mở file 0908.xlsm và tạo Module mới, trên đó viết code như sau:
Mã:
Sub tuhocvba(control As IRibbonControl)
  MsgBox "Xin chao"
End Sub
Hãy chú ý dòng đầu tiên, nội dung bắt buộc phải có là control As IRibbonControl.
Phần nội dung chương trình tùy ý các bạn viết gì thì viết.
Vậy là đã xong rồi đấy.
Video thuyết minh:
Bạn cần đăng nhập để thấy đa phương tiện
File demo1:
File demo2:
 

tuhocvba

Administrator
Thành viên BQT
Ta cũng có thể thay đổi ảnh cho nút bấm.
Kết quả mong muốn như sau:
Bạn cần đăng nhập để thấy đính kèm


1. Đầu tiên chúng ta cần phải có ảnh cho nút bấm.
Các loại ảnh thường dùng là BMP, GIF, ICO, JPEG, PNG.
Icon trên Custom UI Editor thì cũng có vô vàn kích cỡ, và nó chẳng đưa ra giới hạn gì cả, nhưng mà khi sử dụng thì tự nhiên phát sinh ra lỗi.
Do đó, theo kinh nghiệm, thì các bạn cứ thiết kế Icon ở kích thước 16x16 hoặc 32x32 là được.
Về phần mềm thiết kế icon thì tùy các bạn, bạn nào mạnh về thiết kế ảnh thì đây là lợi thế. Mình giới thiệu phần mềm nhỏ gọn và dễ dùng và trên mạng cũng có bản Protable không phải cài đặt gì mà dùng được luôn: SothinkLogoMakerProPortable.
2. Sau khi đã có được ảnh, các bạn chèn vào UI như sau:
Bạn cần đăng nhập để thấy đính kèm

Các bạn chọn Insert => Icons và chọn ảnh trên máy tính.
Bạn cần đăng nhập để thấy đính kèm


Các bạn kiểm tra xem mã XML có sai sót gì không và lưu lại giống như ở bài viết trên đã trình bày là xong.
Chú ý:
Bạn cần đăng nhập để thấy đính kèm
 

Euler

Administrator
Thành viên BQT
Bây giờ sẽ có nhiều bạn thắc mắc, tại sao trong module, tên thủ tục chúng ta lại ghi là:
Sub tuhocvba(control As IRibbonControl)
Cái này là do chúng ta từ đâu mà nghĩ được ra? Thật ra không có ai sáng tạo hay nghĩ ra cái này. Chúng ta trở lại phần mềm UI và click vào CallBacks.
Bạn cần đăng nhập để thấy đính kèm
 

giaiphapvba

Administrator
Thành viên BQT
Theo như thì ta có thể tham khảo ví dụ mã xml.
Bạn cần đăng nhập để thấy đính kèm


Các ví dụ này chính là các file xml lưu trong đường dẫn:
C:\Program Files (x86)\CustomUIEditor\Samples
Tuy nhiên thực tế là cài đặt xong, các bạn sẽ không thấy mấy ví dụ này, chẳng hiểu do phiên bản cài đặt hay là như thế nào.
Nhưng mà không sao, vì dù sao diễn đàn ta cũng sẽ lần lượt giới thiệu từ cơ bản tới nâng cao.
 

tuhocvba

Administrator
Thành viên BQT
Tạo Ribbon cho Word cũng hoàn toàn tương tự các bạn nhé.
Link video:
Bạn cần đăng nhập để thấy đa phương tiện
Link file demo:
 
Top