8

Chcę połączyć dwa przyciski „działania” w jeden, tak samo Firefox aktualnie robi z ich Zakładki dodatku zauważ, że jest traktowany jako jeden guzik w „Dostosuj ... "opcje.Rozszerzenie Firefox Addon SDK połączyć kilka przycisków akcji „”

Oto zrzut ekranu z całego przycisku na pasku nawigacyjnym.

Here is what the button looks like on the navBar

Oto zrzut ekranu przycisku „Zakładki” w „Dostosuj” gui.

Here is what the button looks like in the customization panel (Bookmarks)

Sprawdziliśmy dokumentację SDK starannie i nie ma wyraźny sposób to zrobić. Wydaje się, że będzie to wymagało manipulacji biblioteką sdk/ui. Doceniam wszelkie informacje lub spostrzeżenia, które prowadzą mnie do rozwiązania tego problemu. Dziękuję Ci.

Kliknij here na przycisk akcji odniesienia API.

+1

Myślę, spróbuj ustawić 'type =" menu- przycisk "', a następnie stylizuj "dropmarker" obrazem.+1, aby pomóc Ci uzyskać 10, dzięki czemu możesz dodawać zdjęcia – Noitidart

+0

Być może potrzebujesz 'ramki' zamiast' ActionButton', zobacz https://developer.mozilla.org/en-US/Add-ons/SDK/Low -Level_APIs/ui_frame – Lori

+1

Użytkownik Noitidart ma rację. Sprawdź kod na [tej stronie] (http://stackoverflow.com/questions/22192379/link-add-on-sdk-panel-to-toolbar-button) w kontekście. Rama, zgodnie z sugestią Lori, zajmie cały nowy szereg. – willlma

Odpowiedz

2

byłem niezdecydowany na to odpowiedzieć w pierwszym, ale jak nie ma nikt inny widocznie z lepszą odpowiedź, tutaj jest mój „non-odpowiedź” odpowiedź teraz:

ActionButton API nie obsługuje tego w ten czas.

Ale nie wszystko jest stracone. Możesz to zaimplementować bezpośrednio, korzystając z nowych interfejsów API CustomizableUI oraz odrobiny XUL i CSS, ale jest to ogólnie niezbadane terytorium. Oto smoki; Zostałeś ostrzeżony.

Jeśli zajrzeć do źródeł przycisków domyślnych przekonasz się, że istnieją różne sposoby wykorzystywane do realizacji przyciski tak w ogóle:

  • Przycisk Zaznacz to zasadniczo „normalne” <toolbarbutton type="menu-button"> z niektórymi niestandardowe style .toolbarbutton-menubutton-dropmarker (pole gospodarstwa rozwijanej markera) i/lub .dropmarker-icon (w <image> w .toolbarbutton-menubutton-dropmarker sprawującego faktyczną rozwijanej ikony). Gdy przycisk znajduje się na pasku narzędzi, obraz znacznika rozwijanego zostanie ustawiony na tę ikonę "listy" zamiast domyślnej ikony strzałki w dół, natomiast w menu palety lub "hamburger" cała rzecz będzie ukryta. Oczywiście istnieje również dodatkowy kod, który naprawi domyślną akcję przycisku i/lub znacznika rozwijanego.
  • Kontrole powiększać drugiej strony wydają się być faktycznie trzy przyciski w specjalnym pojemniku ponownie z niektórych niestandardowych stylów, co wydaje się być ponownie wykorzystywane w większości klas (ustawiany za pomocą updateCombinedWidgetStyle). Zobacz np. CustomizeableWidgets np. na MXR.

Proponuję, abyś przeczytał o tym, jak korzystać z CustomizableUI i oczywiście przeczytał kod i reguły CSS wbudowanych widgetów. Wstawianie DOM DOM z dodatkiem DOM Inspector również może pomóc, np. aby szybciej dowiedzieć się, które reguły CSS są w grze i skąd pochodzą;) Również przydatna może być aktualna historia plików/zestawy zmian.

Ponadto, może to być dobry pomysł, aby zwrócić się do zespołu SDK do wspierania takich połączonych przycisków w ActionButton SDK (lub utworzyć poprawkę na to sam;)

Powiązane problemy