Contextual Tab开发相关

1. 什么是Contextual Tab

Ribbon tab分为两种：Core tab和Contextual tab。简单说，就是core的会一直可见，而contextual默认隐藏，只有用户触发（例如点击了一张图片）才会显示。

到微软官网上可以下到ControlIDs文件，里面很清楚的标明了各种tab的类别。注意到，Contextual tab实际上是先按tab sets分的，再往下才是各个tab。

2. VSTO的Ribbon开发

有两种方法：写xml和用designer。用哪种方法开发，需要在创建ribbon的时候就指定好。但是designer提供了转换成xml的功能，不过仅仅是界面控件的转换，方法不会转过去，需要自己重新写。

Designer是可视化拖拽，很容易用，而且写方法也比较方便，ribbon变量及它包含的各个控件可以直接访问。而xml只能通过回调函数的方式操作控件，所以相对麻烦一些，代码会比较长。但designer有些高级功能是无法实现的，必须用xml。

对于一般的custom tab或者core tab定制化（比如在home tab上加个按钮），designer足够用，只需在属性页上直接设置就好，如图。

但Contextual Tab，只能用xml（就我这几天google的结果来看）

3. Contextual Tab的开发

xml文件是用来写ribbon上都有什么控件的，有几个tab，每个tab上有些什么按钮等等。

需要注意的是，用户是不能自己创建新的Contextual Tab。比方说，我希望在点击一张图片时，picture tools tab不显示，而是显示我自己写的tab，不好意思，好像不行。从xml的写法上来看就很清楚为什么了：<tabSet idMso="TabSetPictureTools"> ，必须指定你想在哪个tabset上做开发。

下面是我的xml文件：

[html]  view plain  copy

1. <?xml version="1.0" encoding="UTF-8"?>  
2. <customUI onLoad="Ribbon_Load" xmlns="http://schemas.microsoft.com/office/2006/01/customui">  
3.     <ribbon>  
4.         <tabs>  
5.             <tab id="tab1" label="Add-Ins">  
6.                 <group id="group2" label="Workflow">  
7.                     <button id="button_loadData" onAction="button_loadData_Click" label="Load Data Files" size="large" getImage="GetImage"/>  
8.                     <button id="button_plot" getEnabled="GetEnabled" onAction="button_plot_Click" label="Plotting" size="large" getImage="GetImage"/>  
9.                 </group>  
10.                 <group id="group3" label="Settings">  
11.                     <toggleButton id="toggleButton_paneCtrl" onAction="toggleButton_paneCtrl_Click" getLabel="GetPaneCtrlLabel" size="large" getImage="GetImage"/>  
12.                 </group>  
13.             </tab>  
14.         </tabs>  
15.         <contextualTabs>  
16.           <tabSet idMso="TabSetPictureTools">  
17.             <tab id="tab_RPlot" label="R Plot">  
18.               <group id="t1grp1" label="Tab 1 - Group 1">  
19.               </group>  
20.               <group id="t1grp2" label="Tab 1 - Group 2">  
21.               </group>  
22.             </tab>  
23.           </tabSet>  
24.         </contextualTabs>  
25.     </ribbon>  
26. </customUI>  

可以看到，普通的tab是定义在<tab></tab>之间，而Contextual 定义在<contextualTabs></contextualTabs>之间。

在我的项目中，既有custom tab，也想要contextual tab，而designer和xml是不能同时存在的（没有找到官方解释，我参考了这个http://stackoverflow.com/questions/17216199/vsto-is-it-possible-to-have-both-designer-and-xml-ribbons），除非你做成两个add-in。考虑到我的两种tab是相关联的，需要数据上的交互，所以只能在xml中把两部分代码都放进来。

最后的效果是这样：插入一张图片并选中，picture tools多了我自己写的R plot子页面。