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

©️2020 CSDN 皮肤主题: 大白 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值