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

<?xml version="1.0" encoding="UTF-8"?>  

<customUI onLoad="Ribbon_Load" xmlns="http://schemas.microsoft.com/office/2006/01/customui">  

    <ribbon>  

        <tabs>  

            <tab id="tab1" label="Add-Ins">  

                <group id="group2" label="Workflow">  

                    <button id="button_loadData" onAction="button_loadData_Click" label="Load Data Files" size="large" getImage="GetImage"/>  

                    <button id="button_plot" getEnabled="GetEnabled" onAction="button_plot_Click" label="Plotting" size="large" getImage="GetImage"/>  

                </group>  

                <group id="group3" label="Settings">  

                    <toggleButton id="toggleButton_paneCtrl" onAction="toggleButton_paneCtrl_Click" getLabel="GetPaneCtrlLabel" size="large" getImage="GetImage"/>  

                </group>  

            </tab>  

        </tabs>  

        <contextualTabs>  

          <tabSet idMso="TabSetPictureTools">  

            <tab id="tab_RPlot" label="R Plot">  

              <group id="t1grp1" label="Tab 1 - Group 1">  

              </group>  

              <group id="t1grp2" label="Tab 1 - Group 2">  

              </group>  

            </tab>  

          </tabSet>  

        </contextualTabs>  

    </ribbon>  

</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子页面。