Как добавить логотип, изображение кнопки и меню кнопки на панель инструментов 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>

Мой вопрос заключается в том, как добавить изображение логотипа, кнопку изображения и меню кнопки ... также, как добавить подменю.Пожалуйста, кто-нибудь отправит быстрый пример кода, чтобы я лучше понял.

Answer 1

У вас нет кнопки - это статическая метка .

Чтобы добавить логотип, используйте image тег (см. Пример вдокументация).

Чтобы добавить кнопку с изображением, используйте toolbarbutton тег (см. пример в документации).

Чтобы добавить подменю, используйте toolbarbutton добавьте тег type="menu" и поместите тег menupopup внутрь (опять же, в документации есть пример).

Примечание : Вы можете использовать атрибут srcуказать источник изображения для элемента image и атрибут image, чтобы указать источник изображения для элемента toolbarbutton.Однако предпочтительно устанавливать изображения в CSS, для этого вы можете использовать list-style-image свойство :

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