[转]VSTO Office二次开发RibbonX代码结构

前段时间，碰到对于PPT中控制一些命令的问题，也是很是查找了不少的资料，最后使用的是RibbonX的形式解决的，发现RibbonX也是如此的高效。
文章来自：《细品RibbonX(9)：层次分明的RibbonX代码结构》
原文如下：(虽是对Excel的操作，但一些命令是通用的)
在前面的一些文章中，我们已经介绍过定制功能区的代码。在详细探讨功能区各元素之前，我们将先了解完整的RibbonX代码结构、如何使用各类工具定制功能区、以及至关重要的XML知识。下面，让我们先看看完整的RibbonX代码结构。 如果忽略定义控件的XML元素，那么完整的RibbonX结构如下：

<customUI xmlns="http://schemas.microsoft.com/office/2006/01/customui" ...>
<commands>
<command ... />
</commands>
<ribbon ...>
<officeMenu>
可用于Office菜单中的任何控件类型
</officeMenu>
<qat>
<sharedControls>
<control>,<button> or <separator>控件类型
</sharedControls>
<documentControls>
<control>,<button> or <separator>控件类型
</documentControls>
</qat>
<tabs>
<tab ... >
<group ... >
所有控件类型
</group>
</tab>
</tabs>
<contextualTabs>
<tabSet idMSO="TabSetChartTools">
<tab ... >
<group ... >
所有控件类型
</group>
</tab>
</tabSet>
</contextualTabs>
</ribbon>
</customUI>

其中，省略号表示一个或多个可选的属性。可以看出，RibbonX代码结构是层次分明的。现在，让我们初步了解代码结构中的元素。

<customUI>元素是XML的根容器，命名空间将其识别为RibbonX文档。
<commands>元素用来重复利用内置控件。
<ribbon>元素包含功能区中所有可以利用的元素。可以包含下列元素以控制功能区的相应部分。
<officeMenu>元素用来定制Office菜单。
<sharedControls>元素代表共享控件。
<documentControls>元素代表文档控件。
<qat>元素用来定制快速访问工具栏。
<tabs>元素表示选项卡的集合。
<tab>元素创建选项卡。
<contextualTabs>元素创建上下文选项卡。
<group>元素用来创建组。

下面，让我们使用Excel示例来看看完整的RibbonX结构能够实现的用户界面。
禁用命令
使用command元素能够重载命令或者禁用命令。例如，下面的XML禁用“保存”命令：

<commands>
<command idMso="FileSave" enabled="false" />
</commands>

结果如图1所示： 

图1：禁用“保存”命令，该命令已变灰
从头开始创建功能区
将ribbon元素的StartFromScratch属性设置为True，从而去除所有的功能区界面元素，然后从头开始设计功能区。其XML为：

<ribbon startFromScratch="true">

在Office按钮菜单中添加自定义项
可以向Office按钮菜单中添加合适的自定义项。例如，下面的XML在Office按钮中添加按钮和菜单：

<officeMenu>
<button id="rxOMBtn1" label="My Office Button1" />
<button id="rxOMBtn2" label="My Office Button2" />
<menu id="MyOfficeMenu" label="My Office Menu">
<button id="rxSend1" label="My Menu1" />
<button id="rxSend2" label="My Menu2" />
<button id="rxSend3" label="My Menu3" />
<button id="rxSend4" label="My Menu4" />
<button id="rxSend5" label="My Menu5" />
<button id="rxSend6" label="My Menu6" />
<button id="rxSend7" label="My Menu7" />
<button id="rxSend8" label="My Menu8" />
<button id="rxSend9" label="My Menu9" />
</menu>
</officeMenu>

结果如图2所示： 

图2：在Office按钮中添加项目
自定义快速访问工具栏（QAT）
当将ribbon元素的StartFromScratch属性设置为True后，我们可以在设计时重新自定义快速访问工具栏。例如，下面的XML在QAT中放置“字体”组合框和“边框”拆分按钮：

<qat>
<sharedControls>
<control idMso="Font" />
</sharedControls>
<documentControls>
<control idMso="BordersGallery" />
</documentControls>
</qat>

其中sharedControls表示放置在其中的控件为共享控件，而documentControls表示放置其中的控件为文档控件（注意，周围带有边框）。结果如图3所示： 

图3：自定义快速访问工具栏
自定义功能区
下面的XML在功能区中添加一个名为“Menu”的选项卡。

 <tab id="rxExcelVBA" label="Menu">

接着，使用下面的代码在该选项卡中添加组。

<group idMso="GroupInsertChartsExcel" />

上述代码添加内置的“图表”组。结果如下图4所示： 

图4：在自定义选项卡“Menu”中添加“图表”组

<group id="rxAuditMisc" label="My Sample">
<box id="rxSortBox">
<control idMso="SortAscendingExcel" showLabel="false" />
<control idMso="SortDescendingExcel" showLabel="false" />
<control idMso="SortDialog" showLabel="false" />
</box>
<control idMso="Copy" />
<control idMso="PasteMenu" />
<separator id="rxAuditMiscSeparator1" />
<control idMso="NameManager" />
<control idMso="ViewFreezePanesGallery" />
<control idMso="WindowSwitchWindowsMenuExcel" />
</group>

上述代码添加一个名为“My Sample”的自定义组，box元素用来组织控件的排列，separator元素用来放置分隔条。结果如图5所示： 

图5：在自定义选项卡“Menu”中添加“My Sample”组，包含一些内置的功能

<group id="rxDemo" label="My Menu">
<menu id="rxMenu" label="Menu" imageMso="ReviewCompareMenu" size="large">
<menu id="subMenu1" label="SubMenu1">
<menu id="subMenu11" label="3-SubMenu1">
<button id="rxMenu11" label="Up" imageMso="OutlineMoveUp" />
<button id="rxMenu12" label="GoTo" imageMso="GoTo" />
<button id="rxMenu13" label="Down" imageMso="OutlineMoveDown" />
</menu>
</menu>
<menu id="subMenu2" label="SubMenu2">
<menu id="subMenu21" label="3-SubMenu2">
<button id="rxMenu21" label="Up" imageMso="OutlineMoveUp" />
<button id="rxMenu22" label="GoTo" imageMso="GoTo" />
<button id="rxMenu23" label="Down" imageMso="OutlineMoveDown" />
</menu>
</menu>
<menuSeparator id="MySeparator" />
<button id="rxMenuButton" label="Button" />
</menu>
</group>

上述代码添加一个名为“My Menu”的组，其中放置了嵌套的层级菜单。结果如下图6所示：

图6：在自定义选项卡“Menu”中添加“My Menu”组，包含层级菜单

<group id="rxMyGroup" label="My Sample Group1">
<button id="Button1" imageMso="HappyFace" size="large" label="BigButton" />
<separator id="rxSeparator1" />
<button id="b1" imageMso="HyperlinkInsert" size="large" label="Surf the Net" onAction="surf"/>
<button id="b2" imageMso="HappyFace" label="Smile" onAction="smile"/>
<button id="b3" imageMso="FormatPainter" label="Paint" onAction="paint"/>
<button id="b4" imageMso="AutoFilterClassic" label="Filter" onAction="filter"/>
</group>

上述代码添加一个名为“My Sample Group1”的组，其中放置了一些带有内置图像的控件并进行了合理布局。结果如下图7所示：  

 

图7：在自定义选项卡“Menu”中添加的“My Sample Group1”组，包含一些带有内置图像的控件

<group id="rxMyGroup1" label="My Sample Group2">
<toggleButton imageMso="TranslationToolTip" id="MyToggleButton" size="large" label="Insert My Object"/>
<separator id="rxSeparator2" />
<checkBox id="AllowChanges" label="Allow Changes" />
<dropDown id="ChooseDepartment" showLabel="true" label="Choose Department">
<item id="Dept1" label="Shipping" />
<item id="Dept2" label="Accounting" />
<item id="Dept3" label="Engineering" />
</dropDown>
<comboBox id="ComboBox1" label="ComboBox">
<item id="item1" label="one" imageMso="_1" />
<item id="item2" label="two" imageMso="_2" />
<item id="item3" label="three" imageMso="_3" />
</comboBox>
</group>

上述代码添加一个名为“My Sample Group2”的组，其中包含切换按钮、复选框、组合框、下拉框，并添加了项目。结果如图8所示：  

图8：在自定义选项卡“Menu”中添加的“My Sample Group2”组，包含切换按钮、复选框、下拉框和组合框，并在其中添加了选项

<contextualTabs>
<tabSet idMso="TabSetChartTools" />
</contextualTabs>

上述代码添加上下文选项卡，当选中工作表中的图表时，会出现“图表工具”选项卡，如图9所示：  

  

图9：选中图表后出现“图表工具”上下文选项卡 

完整的代码 

上述示例完整的XML代码如下：

<customUI xmlns="http://schemas.microsoft.com/office/2006/01/customui">
<commands>
<command idMso="FileSave" enabled="false" />
</commands>
<ribbon startFromScratch="true">
<officeMenu>
<button id="rxOMBtn1" label="My Office Button1" />
<button id="rxOMBtn2" label="My Office Button2" />
<menu id="MyOfficeMenu" label="My Office Menu">
<button id="rxSend1" label="My Menu1" />
<button id="rxSend2" label="My Menu2" />
<button id="rxSend3" label="My Menu3" />
<button id="rxSend4" label="My Menu4" />
<button id="rxSend5" label="My Menu5" />
<button id="rxSend6" label="My Menu6" />
<button id="rxSend7" label="My Menu7" />
<button id="rxSend8" label="My Menu8" />
<button id="rxSend9" label="My Menu9" />
</menu>
</officeMenu>
<qat>
<sharedControls>
<control idMso="Font" />
</sharedControls>
<documentControls>
<control idMso="BordersGallery" />
</documentControls>
</qat>
<tabs>
<tab id="rxExcelVBA" label="Menu">
<group idMso="GroupInsertChartsExcel" />
<group id="rxAuditMisc" label="My Sample">
<box id="rxSortBox">
<control idMso="SortAscendingExcel" showLabel="false" />
<control idMso="SortDescendingExcel" showLabel="false" />
<control idMso="SortDialog" showLabel="false" />
</box>
<control idMso="Copy" />
<control idMso="PasteMenu" />
<separator id="rxAuditMiscSeparator1" />
<control idMso="NameManager" />
<control idMso="ViewFreezePanesGallery" />
<control idMso="WindowSwitchWindowsMenuExcel" />
</group>
<group id="rxDemo" label="My Menu">
<menu id="rxMenu" label="Menu" imageMso="ReviewCompareMenu" size="large">
<menu id="subMenu1" label="SubMenu1">
<menu id="subMenu11" label="3-SubMenu1">
<button id="rxMenu11" label="Up" imageMso="OutlineMoveUp" />
<button id="rxMenu12" label="GoTo" imageMso="GoTo" />
<button id="rxMenu13" label="Down" imageMso="OutlineMoveDown" />
</menu>
</menu>
<menu id="subMenu2" label="SubMenu2">
<menu id="subMenu21" label="3-SubMenu2">
<button id="rxMenu21" label="Up" imageMso="OutlineMoveUp" />
<button id="rxMenu22" label="GoTo" imageMso="GoTo" />
<button id="rxMenu23" label="Down" imageMso="OutlineMoveDown" />
</menu>
</menu>
<menuSeparator id="MySeparator" />
<button id="rxMenuButton" label="Button" />
</menu>
</group>
<group id="rxMyGroup" label="My Sample Group1">
<button id="Button1" imageMso="HappyFace" size="large" label="BigButton" />
<separator id="rxSeparator1" />
<button id="b1" imageMso="HyperlinkInsert" size="large" label="Surf the Net" onAction="surf"/>
<button id="b2" imageMso="HappyFace" label="Smile" onAction="smile"/>
<button id="b3" imageMso="FormatPainter" label="Paint" onAction="paint"/>
<button id="b4" imageMso="AutoFilterClassic" label="Filter" onAction="filter"/>
</group>
<group id="rxMyGroup1" label="My Sample Group2">
<toggleButton imageMso="TranslationToolTip" id="MyToggleButton" size="large" label="Insert My Object"/>
<separator id="rxSeparator2" />
<checkBox id="AllowChanges" label="Allow Changes" />
<dropDown id="ChooseDepartment" showLabel="true" label="Choose Department">
<item id="Dept1" label="Shipping" />
<item id="Dept2" label="Accounting" />
<item id="Dept3" label="Engineering" />
</dropDown>
<comboBox id="ComboBox1" label="ComboBox">
<item id="item1" label="one" imageMso="_1" />
<item id="item2" label="two" imageMso="_2" />
<item id="item3" label="three" imageMso="_3" />
</comboBox>
</group>
</tab>
</tabs>
<contextualTabs>
<tabSet idMso="TabSetChartTools" />
</contextualTabs>
</ribbon>
</customUI>

自定义Excel界面如图10所示：  

图10：自定义的Excel界面 看起来代码较多，其实并不复杂，如果大家有疑问，先不要着急，有概念就行，后面我们将慢慢详细地讲解。

　原文链接：http://www.360doc.com/content/09/1110/14/406571_8735933.shtml