Xtreme Toolkit Pro是MFC開發(fā)中最全面界面控件套包，它提供了Windows開發(fā)所需要的11種主流的Visual C++ MFC控件，包括Command Bars、Controls、Chart Pro、Calendar、Docking Pane、Property Grid、Report Control、Shortcut Bar、Syntax Edit、Skin Framework 和Task Panel。如果對產(chǎn)品感興趣的話歡迎下載Xtreme Toolkit Pro最新試用版！ 點(diǎn)擊獲取更多免費(fèi)Xtreme Toolkit Pro教程、視頻、示例!

Ribbon是類似于office2007樣式的界面，它替代了傳統(tǒng)的程序里的菜單和工具欄，MFC默認(rèn)生成的Ribbon功能少，需要我們自己添加一些控件和圖片等元素使界面好看

看下面的一個界面，是示例里的

  看到它與默認(rèn)Ribbon樣式的區(qū)別：

  工具自己設(shè)計(jì)，MFC提供的Ribbon控件基本都用上了；圖片(位圖)也是原資源沒有的

  那到底怎么實(shí)現(xiàn)呢？

  可以注意到的是：類別由面板組成，面板由按鈕或文本編輯框或進(jìn)度條等控件組成

  按鈕都是有圖片和文字組成，按鈕通過按鈕集合可以產(chǎn)生類似于下拉菜單的作用

  觀察這些按鈕，可以發(fā)現(xiàn)有兩類：小圖標(biāo)的按鈕和大圖標(biāo)的按鈕

  小圖標(biāo)：像素16×16,32位

  大圖標(biāo)：像素32×32,32位

  關(guān)鍵問題是如何制作這些BitMap以及如何將他們加載到Ribbon界面中。

  1. 制作工具欄BitMap

  在網(wǎng)上找了IconWorkshop這個軟件，很好用，可以制作icon圖標(biāo)，也可以用多個icon圖標(biāo)制作位圖BitMap。這正是我想要的功能

  自己不會美工，所以在網(wǎng)上找了些素材，做了以下一個工具欄樣的32×32像素32位的BitMap

  看到木有，跟程序默認(rèn)生成的幾個位圖很像啊，內(nèi)牛滿面啊

  將這個位圖加載到資源中，ID改為IDB_BIG

  2. 修改Ribbon內(nèi)的按鈕圖標(biāo)

  首先，修改類別屬性，Large Images和Small Images，Large Images就是大圖標(biāo)，Small Images是小圖標(biāo)。在Large Images中的下拉菜單中選擇IDB_BIG

   然后修改面板中的按鈕屬性，在Large Images屬性選項(xiàng)中選擇一個合適的圖標(biāo)即可

  小圖標(biāo)也是一樣的道理，修改各自Small Images屬性即可

  3. 實(shí)現(xiàn)下拉菜單

  按鈕屬性中有個行為的屬性，在里面添加相應(yīng)的菜單(或間隔符)即完成了類似下拉菜單

  還有一些快捷方式的按鍵(兩個向下的箭頭、最左上角的圖標(biāo)按鈕)也可以設(shè)置它們的功能項(xiàng)

  我做出來的界面如下所示

  4. 將按鈕ID和菜單上的ID匹配

   Ribbon中的菜單ID是不能自己設(shè)置的，必須綁定在某個菜單上，對菜單的事件響應(yīng)就是對響應(yīng)的Ribbon上按鈕的響應(yīng)，所以按了Ribbon界面上的某個按鈕就等同于按鈕對應(yīng)的某個菜單

  所以必須將菜單欄也制作完整，給其添加事件消息，將Ribbon中按鈕的ID改為對應(yīng)菜單的ID。菜單不在界面中顯示出來不代表它就沒用，沒它還不行，不知道以后能不能擺脫菜單直接在Ribbon按鈕上添加事件。

  5. 修改最小化工具欄上的圖標(biāo)

  上圖雖然修改了左上角的按鈕圖標(biāo)，但是電腦工具欄上還是現(xiàn)實(shí)的MFC圖標(biāo)，使用下面代碼進(jìn)行修改

C++代碼

HICON m_hIcon;
m_hIcon = AfxGetApp()->LoadIcon(IDI_HAHA);
SetIcon(m_hIcon, TRUE); // Set small icon
//SetIcon(m_hIcon, FALSE); // Set big icon