Hướng Dẫn Tạo Nút Trên Thanh Ribbon Excel Bằng VBA Và Custome UI bằng Office RibbonX Editor

byDũng Automation • • 2 min read
0

Chào anh em kỹ sư và những người yêu công nghệ!

Nếu anh em đang phát triển các công cụ Excel bằng VBA, chắc hẳn đã từng muốn tạo một thanh Ribbon riêng giống như:

  • Dũng Lê Tools
  • QS Pro Tools
  • VN Tools
  • Engineering Tools

Thay vì phải mở VBA hoặc chạy Macro thủ công, người dùng chỉ cần nhấn một nút trên Ribbon là có thể thực hiện chức năng mong muốn.

Trong bài viết này, chúng ta sẽ cùng xây dựng một ví dụ hoàn chỉnh:

✅ Viết VBA.

✅ Test Macro bằng Alt + F8.

✅ Chuyển file thành Add-in.

✅ Tạo Tab Ribbon riêng.

✅ Gắn biểu tượng ImageMso.

✅ Khi nhấn nút sẽ mở website: https://dungautomation.blogspot.com/

( Bạn có thể tự custome lại tính năng của nút nhấn đó theo nhu cầu cá nhân nhé.)

Đây chính là quy trình mà rất nhiều Add-in Excel chuyên nghiệp hiện nay đang sử dụng.

Tải ngay: Template Excel VBA tại đây

Bước 1: Bật Tab Developer

Nếu Excel chưa hiển thị tab Developer:

Chọn:

File → Options → Customize Ribbon

Đánh dấu:

☑ Developer

Nhấn:

OK

Lúc này trên thanh Ribbon sẽ xuất hiện tab Developer.

Bước 2: Viết VBA Đầu Tiên

Nhấn:

Alt + F11

để mở VBA Editor.

Chọn:

Insert → Module

Tạo một Module mới.

Dán đoạn code sau:

Sub MoBlog()

    ThisWorkbook.FollowHyperlink _
    Address:="https://dungautomation.blogspot.com/"

End Sub

Ý nghĩa:

Lưu ý: Bạn có thể thay đoạn code này để phù hợp với nhu cầu cá nhân.

            Frompt gửi Chat Bot AI: "Viết giúp tôi một VBA trên Excel, có chức năng..." để nhận code.

Bước 3: Test VBA Trước Khi Tạo Ribbon

Đây là bước mà rất nhiều người bỏ qua.

Tuy nhiên mình luôn khuyên nên test Macro trước khi đưa lên Ribbon.

Quay lại Excel.

Nhấn:

Alt + F8

Excel sẽ hiển thị danh sách Macro.

Chọn:

MoBlog

Nhấn:

Run

Nếu trình duyệt mở và truy cập: https://dungautomation.blogspot.com/

thì Macro đã hoạt động chính xác.

Lúc này chúng ta mới chuyển sang bước tạo Ribbon.

Bước 4: Lưu Thành File XLAM (XLSM)

Chọn:

File → Save As

Định dạng:

Excel Add-In (*.xlam, *.xlam)

Ví dụ:

DungAutomation.xlam, DungAutomation.xlsm.

Đây sẽ là file Add-in cuối cùng của chúng ta.

Bước 5: Tải Office RibbonX Editor

Office RibbonX Editor là công cụ giúp chỉnh sửa giao diện Ribbon của Office. (Download)

Sau khi cài đặt:

Mở chương trình

Chọn:

File → Open

Mở file:

DungAutomation.xlam

Bước 6: Tạo Ribbon Mới

Trong RibbonX Editor:

Insert → Office 2010 Custom UI Part

Dán XML sau:
<customUI xmlns="http://schemas.microsoft.com/office/2009/07/customui">
  <ribbon>
    <tabs>
      <tab id="tabDung"
           label="DungAutomation">
        <group id="grpWeb"
               label="Website">
          <button id="btnBlog"
                  label="Truy cập Blog"
                  size="large"
                  imageMso="BlogPublish"
                  onAction="MoBlogRibbon"/>
        </group>
      </tab>
    </tabs>
  </ribbon>
</customUI>

Bước 7: Tạo Macro Cho Ribbon

Quay lại VBA Editor. Mở file DungAutomation.xlam. Nhấn: Alt + F11 để mở VBA Editor.

Sửa lại đoạn code thành:

Sub MoBlogRibbon(control As IRibbonControl)

    ThisWorkbook.FollowHyperlink _
    Address:="https://dungautomation.blogspot.com/"

End Sub

Lưu file.


Đã có thể truy cập VBA từ trên thanh Ribbon nhé. Ngoài ra, anh em có thể thay đổi imageMso trong Office RibbonX Editor để cá nhân hóa Tools Excel nhé.

Bước 8: Chọn Biểu Tượng Đẹp Hơn

Một ưu điểm của Office là Microsoft đã cung cấp hàng nghìn icon có sẵn.

Anh em có thể tra cứu tại:

https://bert-toolkit.com/imagemso-list.html

Thay đổi một số icon phù hợp để mở website:

Ví dụ:

<button id="btnBlog"
        label="DungAutomation"
        size="large"
        imageMso="HomePage"
        onAction="MoBlogRibbon"/>

Không cần thiết kế icon riêng.

Không cần Photoshop.

Không cần PNG.

Chỉ cần thay đổi tên ImageMso là có ngay icon chuyên nghiệp.

Bước 9: Cài Add-In

Mở Excel. Chọn: File → Options → Add-ins

Ở cuối cửa sổ: Manage: Excel Add-ins

Nhấn: Go

Tiếp tục: Browse...

Chọn: DungAutomation.xlam

Nhấn: OK, như vậy bạn đã cài Add-Ins thành công.

Kết Quả Cuối Cùng

Sau khi khởi động lại Excel.

Anh em sẽ thấy:

DungAutomation
│
└── Truy cập Blog

Kèm theo icon đẹp mắt của Microsoft.

Khi nhấn nút: Truy cập Blog

  • Trình duyệt mở.
  • Website DungAutomation được truy cập ngay lập tức.

Toàn bộ quá trình chỉ mất vài phút.

Mở Rộng Thêm Chức Năng

Sau khi thành công với một nút, anh em có thể phát triển thêm:

DungAutomation
│
├── Website
├── Youtube
├── Download Tool
├── Khóa Học
├── Facebook
└── Liên Hệ

Ví dụ:

Youtube
Sub MoYoutube(control As IRibbonControl)

    ThisWorkbook.FollowHyperlink _
    Address:="https://youtube.com"

End Sub
Website Chính
Sub MoWebsite(control As IRibbonControl)

    ThisWorkbook.FollowHyperlink _
    Address:="https://www.dungautomation.com"

End Sub

Từ đây anh em đã có nền tảng để phát triển những Add-in chuyên nghiệp giống như Dũng Lê Tools hoặc các bộ công cụ thương mại khác.

Kết Luận

Khi bắt đầu học phát triển Add-in Excel, nhiều người thường nghĩ ngay đến Ribbon.

Tuy nhiên quy trình đúng nên là:

Bước 1

Viết VBA.

Bước 2

Test bằng:

Alt + F8
Bước 3

Đảm bảo Macro hoạt động ổn định.

Bước 4

Chuyển thành XLAM.

Bước 5

Dùng Office RibbonX Editor để đưa chức năng lên Ribbon.

Làm theo quy trình này sẽ giúp anh em dễ kiểm tra lỗi hơn và phát triển Add-in nhanh hơn rất nhiều.

Một nút Ribbon tuy nhỏ, nhưng đó chính là bước đầu tiên để biến một đoạn VBA đơn giản thành một công cụ chuyên nghiệp mang thương hiệu của riêng mình. 

4.94 / 169 rates

Đăng nhận xét

Mới hơn Cũ hơn