如何將徽標，按鈕圖像和按鈕菜單添加到Firefox工具欄

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> 

我的問題是如何添加logo圖片，圖像按鈕和菜單按鈕也...如何添加子菜單。請有人提交一個快速的代碼示例，所以我會更好地理解。

Answer 1

你有什麼沒有一個按鈕 - 它是一個static label。

要添加徽標使用image tag（請參閱文檔中的示例）。

要添加圖像按鈕，請使用toolbarbutton tag（請參閱文檔中的示例）。

要添加一個子菜單使用toolbarbutton tag with type="menu"並在裏面放置一個menupopup標記（同樣，在文檔中有一個示例）。

注：您可以使用src屬性來指定圖像源的image元素和image屬性指定爲toolbarbutton元素的圖像源。但是，最好將圖像設置爲CSS，因此您可以使用list-style-image property：

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