---
category: swing
folder: ToolButtonPopup
title: JToggleButtonからポップアップメニューを開く
tags: [JToggleButton, JPopupMenu, JToolBar, Icon]
author: aterai
pubdate: 2006-07-10T10:10:27+09:00
description: クリックするとポップアップメニューを表示するJToggleButtonを作成し、これをツールバーに追加します。
image: https://lh4.googleusercontent.com/_9Z4BYR88imo/TQTVg5xIBaI/AAAAAAAAAnw/ds2ybXI2lUE/s800/ToolButtonPopup.png
hreflang:
    href: https://java-swing-tips.blogspot.com/2008/12/adding-jpopupmenu-to-jtoolbar-button.html
    lang: en
---
* 概要 [#summary]
クリックするとポップアップメニューを表示する`JToggleButton`を作成し、これをツールバーに追加します。

#download(https://lh4.googleusercontent.com/_9Z4BYR88imo/TQTVg5xIBaI/AAAAAAAAAnw/ds2ybXI2lUE/s800/ToolButtonPopup.png)

* サンプルコード [#sourcecode]
#code(link){{
class MenuArrowIcon implements Icon {
  @Override public void paintIcon(Component c, Graphics g, int x, int y) {
    Graphics2D g2 = (Graphics2D) g.create();
    g2.setPaint(Color.BLACK);
    g2.translate(x, y);
    g2.drawLine(2, 3, 6, 3);
    g2.drawLine(3, 4, 5, 4);
    g2.drawLine(4, 5, 4, 5);
    g2.dispose();
  }

  @Override public int getIconWidth()  {
    return 9;
  }

  @Override public int getIconHeight() {
    return 9;
  }
}

class MenuToggleButton extends JToggleButton {
  private static final Icon i = new MenuArrowIcon();
  protected JPopupMenu pop;
  public MenuToggleButton() {
  private static final Icon ARROW_ICON = new MenuArrowIcon();
  private JPopupMenu popup;

  protected MenuToggleButton() {
    this("", null);
  }

  public MenuToggleButton(Icon icon) {
  protected MenuToggleButton(Icon icon) {
    this("", icon);
  }

  public MenuToggleButton(String text) {
  protected MenuToggleButton(String text) {
    this(text, null);
  }

  public MenuToggleButton(String text, Icon icon) {
  protected MenuToggleButton(String text, Icon icon) {
    super();
    Action a = new AbstractAction(text) {
      @Override public void actionPerformed(ActionEvent ae) {
        MenuToggleButton b = (MenuToggleButton) ae.getSource();
        if (pop != null) {
          pop.show(b, 0, b.getHeight());
        }
    Action action = new AbstractAction(text) {
      @Override public void actionPerformed(ActionEvent e) {
        Component b = (Component) e.getSource();
        Optional.ofNullable(getPopupMenu()).ifPresent(p -> p.show(b, 0, b.getHeight()));
      }
    };
    a.putValue(Action.SMALL_ICON, icon);
    setAction(a);
    action.putValue(Action.SMALL_ICON, icon);
    setAction(action);
    setFocusable(false);
    setBorder(BorderFactory.createEmptyBorder(4, 4, 4, 4 + i.getIconWidth()));
    setBorder(BorderFactory.createEmptyBorder(4, 4, 4, 4 + ARROW_ICON.getIconWidth()));
  }

  @Override public void setPopupMenu(final JPopupMenu pop) {
    this.pop = pop;
  public JPopupMenu getPopupMenu() {
    return popup;
  }

  public void setPopupMenu(JPopupMenu pop) {
    this.popup = pop;
    pop.addPopupMenuListener(new PopupMenuListener() {
      @Override public void popupMenuCanceled(PopupMenuEvent e) {}
      @Override public void popupMenuCanceled(PopupMenuEvent e) {
        /* not needed */
      }

      @Override public void popupMenuWillBecomeVisible(PopupMenuEvent e) {}
      @Override public void popupMenuWillBecomeVisible(PopupMenuEvent e) {
        /* not needed */
      }

      @Override public void popupMenuWillBecomeInvisible(PopupMenuEvent e) {
        setSelected(false);
      }
    });
  }

  @Override protected void paintComponent(Graphics g) {
    super.paintComponent(g);
    Dimension dim = getSize();
    Insets ins = getInsets();
    int x = dim.width - ins.right;
    int y = ins.top + (dim.height - ins.top - ins.bottom - i.getIconHeight()) / 2;
    i.paintIcon(this, g, x, y);
    int y = ins.top + (dim.height - ins.top - ins.bottom - ARROW_ICON.getIconHeight()) / 2;
    ARROW_ICON.paintIcon(this, g, x, y);
  }
}
}}

* 解説 [#explanation]
- `JToggleButton`の右側に余白を設定してそこに下向きの矢印アイコンを描画
- `JToggleButton`に`ActionListener`を追加しクリックすると`JPopupMenu#show(...)`メソッドで`JPopupMenu`を表示
-- `JPopupMenu`の表示位置はクリック位置ではなく`JToggleButton`の下辺になるよう調整

* 参考リンク [#reference]
- [https://xp-style-icons.en.softonic.com/ XP Style Icons - Download]
- [https://community.oracle.com/thread/1375327 Swing - Swing bug? cannot set width of JToggleButton]

* コメント [#comment]
#comment
- いつもお世話になっております。`JToggleButton`を`On/Off`時、背景色を変える方法はありますか?`jToggleButton.setBackground(Color.RED);`で試してみましたが、色変化はありませんでした。ご教示、よろしくお願いいたします -- &user(Panda); &new{2011-04-04 (月) 14:23:21};
- こんばんは。`JToggleButton#setBackground(Color)`は、`LookAndFeel`によっては適用されない場合があります。このため、独自の`ToggleButtonUI`を用意したり、例えば以下のような方法を使用する必要があります。 -- &user(aterai); &new{2011-04-04 (月) 17:15:55};
-- 例`1`: 文字列から背景色、縁などのすべてを含めたアイコンを用意して`setSelectedIcon`で設定する
-- 例`2`: `setContentAreaFilled(false);`として、自前で選択時の背景を描画する

#code{{
JToggleButton button = new JToggleButton("text", icon) {
  @Override protected void paintComponent(Graphics g) {
    if (getModel().isSelected()) {
      Graphics2D g2 = (Graphics2D) g.create();
      g2.setColor(getBackground());
      g2.fillRoundRect(0, 0, getWidth(), getHeight(), 4, 4);
      g2.dispose();
    }
    super.paintComponent(g);
    // ...
  }
};
button.setBackground(Color.RED);
button.setContentAreaFilled(false);
}}

#comment