Javascript Firefox扩展插件SDK结合多个';操作按钮';

Javascript Firefox扩展插件SDK结合多个';操作按钮';,javascript,firefox,firefox-addon,firefox-addon-sdk,navbar,Javascript,Firefox,Firefox Addon,Firefox Addon Sdk,Navbar,我想将两个“动作按钮”合并为一个,就像Firefox目前使用书签插件时所做的那样,请注意,它被视为“自定义…”选项中的一个按钮 这是导航栏上整个按钮的屏幕截图 下面是“自定义”gui中按钮“书签”的屏幕截图 我已经仔细阅读了SDK文档,没有明确的方法可以做到这一点。这似乎需要对sdk/ui库本身进行操作。我感谢任何信息或见解,使我找到解决这个问题的办法。多谢各位 单击以获取操作按钮api参考。起初我对回答这个问题犹豫不决,但由于显然没有其他人有更好的答案,下面是我的“未回答”答案: 操作按钮

我想将两个“动作按钮”合并为一个,就像Firefox目前使用书签插件时所做的那样,请注意,它被视为“自定义…”选项中的一个按钮

这是导航栏上整个按钮的屏幕截图

下面是“自定义”gui中按钮“书签”的屏幕截图

我已经仔细阅读了SDK文档,没有明确的方法可以做到这一点。这似乎需要对sdk/ui库本身进行操作。我感谢任何信息或见解,使我找到解决这个问题的办法。多谢各位


单击以获取操作按钮api参考。

起初我对回答这个问题犹豫不决,但由于显然没有其他人有更好的答案,下面是我的“未回答”答案:

操作按钮
API目前不支持此操作。

但这一切并没有失去。您可以直接使用新的API加上一点XUL和CSS来实现这一点,但这通常是未知领域。这里有龙;你已经被警告了

如果您查看默认按钮的源代码,您会发现通常有不同的方法用于实现如下按钮:

  • 书签按钮本质上是一个“普通”按钮,具有一些自定义样式,用于
    .toolbarbutton菜单按钮dropmarker
    (按住下拉标记的框)和/或
    .dropmarker图标
    (按住实际下拉图标的
    .toolbarbutton菜单按钮dropmarker
    )。当按钮位于工具栏上时,下拉标记图像将被设置为“列表”图标,而不是默认的向下箭头图标,而在调色板或“汉堡”菜单中,整个内容将被隐藏。当然,还有一些附加代码将修复按钮和/或下拉标记的默认操作
  • 另一方面,缩放控件实际上似乎是一个特殊容器中的三个按钮,其中包含一些自定义样式,这些样式大多是可重用的类(通过
    updateCombinedWidgetStyle
    设置)。请参见
    CustomizeableWidgets
    ,例如,on
我建议您阅读一下如何使用
customizeleUI
,当然也要阅读内置小部件的代码和CSS规则。用DOM Inspector插件戳Chrome窗口DOM也可能有帮助,例如,更快地找出哪些CSS规则在起作用以及它们来自何处;)此外,实际的文件历史记录/变更集可能会有所帮助


另外,请SDK团队支持
ActionButton
SDK中的此类组合按钮可能是一个好主意(或者自己创建一个补丁;)

我认为可以尝试设置
type=“menu button”
,然后用图像设置
dropmarker
的样式+1为了帮助您获得10,以便您可以添加图片图片。如果您想要的是
,而不是
操作按钮
,请参见用户Noitidart is right。检查上的代码以了解上下文。Lori建议的框架将占据整个新的一行。@arpie如果上述内容帮助您找到解决方案,请随时发布您的代码作为答案。自FF29问世以来,这肯定是一个让人难以忘怀的问题。@arpie虽然我的评论对在下拉菜单中创建单个图标按钮没有帮助,但我发现()在复制FF UI中的行为时非常有用。