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)

VC++ 2010 创建高级Ribbon界面详解(1)
图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)

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

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

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

3、元素(CMFCRibbonBaseElement)

VC++ 2010 创建高级Ribbon界面详解(1)
图3 元素

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

上一篇:Springboot的日志管理&Springboot整合Junit测试&Springboot中AOP的使用


下一篇:[转载]Fiddler界面详解