组件化编辑器自定义——ToolbarMode命令显示优先级

通过前面关于ToolbarMode的一些文章的铺垫，相信大家应该对ToolBarMode有一定的了解。如果还没了解的小伙伴可看下下面的截图，就长下面的样子，是不是很熟悉。


ToolbarMode是我们为了兼容一些小屏设备推出的新的设计器公式栏。这样，我们的设计器在小屏的设备上即使用了设计器，上方的工具栏也不会占用太多的地方。那么问题来了，当我的屏幕相对较小时，工具栏上的命令会以怎样的优先级进行展示呢？这个就是我们本篇技术文章所要讨论的内容。

在14.2中我们在命令中新增了visiblePriority这个属性，用于设置在ToolBarMode下命令显示的优先级。我们把GC.Spread.Sheets.Designer.ToolBarModeConfig打出来看下，找到ribbon下的命令，可以看到，命令中都有这个属性。一般情况下visiblePriority的范围在1-10之间，数值越小，优先级越低，反之则越高。


除此之外，工具栏上面的三个点就是overflow属性控制。当ButtonGroup下的按钮放不下时，也就是priority不够高时，会被挤到这个overflow的下拉框里面。


可以看下下面的demo，当我们改变窗口的大小时，ribbon上面的command会根据priority的大小调整进行调整，决定是否移动到后面的overflow的下拉菜单里面。


像这些属于buttonGroupName，当完全展示时这些就不会显示。


下载附件即可体验这个demo和查看完整代码。