VC++ 2010 创建高级Ribbon界面详解(1)

运用 VC++ 2010 创建高级 Ribbon 界面详解，包括 Ribbon 界面的结构层次、Ribbon 控件的使用等，ribbon 用户界面，ribbon interface ，ribbon 高级界面，ribbon 界面创建。

在 Ribbon 界面的优势、构成及其创建 中，我们简单地介绍了开发Ribbon界面的一般流程，同时演示了如何创建包含命令按钮(CMFCRibbonButton)的简单Ribbon界面，相信很多朋友都跃跃欲试，想为自己的软件创建专业的Ribbon界面。

但是，仅仅使用命令按钮是远远不能满足软件界面的交互需求的，同时也没有完全发挥Ribbon界面的强大威力。为了支持Ribbon界面，Visual Studio 2010为我们提供了很多控件，除了我们上回介绍的命令按钮(CMFCRibbonButton)之外，还有工具廊(CMFCRibbonGallery)，颜色按钮(CMFCRibbonColorButton)，编辑框(CMFCRibbonEdit)，进度条(CMFCRibbonProgressBar)等。

合理地使用这些控件，我们可以创建丰富的Ribbon界面，增强软件的可用性，本文我们将介绍如何使用这些控件，创建更加复杂的Ribbon界面，完成更加复杂的交互任务。

Ribbon界面的结构层次

1、分类(CMFCRibbonCategory)

图1 分类

很明显，“分类”就是作用相近的一类命令的组合。例如在Word 2007的Ribbon界面中，微软将跟插入元素相关的命令都放在“Insert”这个页面中，当用户想在Word文档中插入其他元素时，只要切换到这一页就可以找到他需要的命令。在形式上，“分类”表现为Ribbon面板上的一个Tab页面。我们可以使用函数AddCategory()在Ribbon面板上添加一个新的“分类”：

<!-- 
code by 'http://www.desteps.com' 
 -->以下为引用内容： 
// 添加一个命令分组(Category)“RibbonUI Category”
CMFCRibbonCategory *pRibbonUICategory =m_wndRibbonBar.AddCategory(_T("RibbonUI Category"),IDB_WRITESMALL, IDB_WRITELARGE);

2、面板(CMFCRibbonPanel)

图2 面板

“面板”是“分类”的下一个层次。它是联系更加紧密的一组命令的组合。面板总是被放置在某个“分类”中，被“分类”所包含。同时，“面板”又是一个容器，它包含着它的下一个层次“元素”。我们可以通过AddPanel()函数在“分类”中添加新的“面板”：

<!-- 
code by 'http://www.desteps.com' 
 -->以下为引用内容： 
// 添加一个面板(Panel)
CMFCRibbonPanel *pTestPanel = pRibbonUICategory->AddPanel(_T("RibbonUI Panel"),m_PanelImages.ExtractIcon(1));

3、元素(CMFCRibbonBaseElement)

图3 元素

“元素”就是我们通常意义上的控件、这些控件根据各自的功能，被分组放置在各个“面板”上，负责完成具体的交互任务。Visual Studio 2010提供的Ribbon界面“元素”主要包括命令按钮(CMFCRibbonButton)、工具廊(CMFCRibbonGallery)、颜色按钮(CMFCRibbonColorButton)、编辑框(CMFCRibbonEdit)、进度条(CMFCRibbonProgressBar)等。这些类都派生自CMFCRibbonBaseElement。