Question

我正在使用XUL来编写我的firefox工具栏。我使用xul代码做简单的标签按钮：

<?xml version="1.0"?>
<overlay id="Sample"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"><script type="application/x-javascript" src="chrome://sample/content/sample.js" />
<toolbox id="toolbox">
   <toolbar id="Sample" toolbarname="Sample" >
       <label value="Lable Button "/>
   </toolbar>
</toolbox>
</overlay>

我的问题是如何添加徽标图像，图像按钮和按钮菜单......以及如何添加子菜单。请有人提交快速的代码示例，以便我更好地理解。

Answer 1

你所拥有的不是按钮 - 它是static label。

要使用image tag添加徽标（请参阅文档中的示例）。

要添加图像按钮，请使用toolbarbutton tag（请参阅文档中的示例）。

要添加子菜单，请使用toolbarbutton tag with type="menu"并在其中放置menupopup标记（同样，文档中有一个示例）。

注意：您可以使用src属性指定image元素的图像源和image属性，以指定{{toolbarbutton属性的图像源1}}元素。但是，最好在CSS中设置图像，您可以使用list-style-image property：

#myToolbarButton
{
  list-style-image: url(chrome://myextension/skin/toolbar.png);
}

如何将徽标，按钮图像和按钮菜单添加到Firefox工具栏

1 个答案: