Swing/PopupMenuLayout のバックアップ(No.2)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• 現在との差分 - Visual を表示
• ソース を表示
• Swing/PopupMenuLayout へ行く。
  • 1 (2014-11-18 (火) 16:21:28)
  • 2 (2014-11-21 (金) 18:11:05)
  • 3 (2015-12-13 (日) 17:00:19)
  • 4 (2016-02-10 (水) 23:49:21)
  • 5 (2017-07-07 (金) 16:58:36)
  • 6 (2018-02-24 (土) 19:51:30)
  • 7 (2018-07-11 (水) 16:43:26)
  • 8 (2020-07-03 (金) 19:23:28)
  • 9 (2021-12-09 (木) 10:29:52)

• title: JPopupMenuのレイアウトを変更して上部にメニューボタンを追加する tags: [JPopupMenu, GridBagLayout, JMenuItem, Icon] author: aterai pubdate: 2014-09-29T00:00:12+09:00 description: JPopupMenuのレイアウトを変更することで、上部にメニューボタンを水平に並べて表示します。 hreflang:

     href: http://java-swing-tips.blogspot.jp/2014/09/change-layout-of-jpopupmenu-to-use.html
     lang: en

概要

JPopupMenuのレイアウトを変更することで、上部にメニューボタンを水平に並べて表示します。

Screenshot

Download

• Runnable JAR example.jar
• Source code src.zip
• Repository GitHub

サンプルコード

JPopupMenu popup = new JPopupMenu();
GridBagConstraints c = new GridBagConstraints();
popup.setLayout(new GridBagLayout());
c.gridheight = 1;

c.weightx = 1.0;
c.weighty = 0.0;
c.fill = GridBagConstraints.HORIZONTAL;
c.anchor = GridBagConstraints.CENTER;

c.gridwidth = 1;
c.gridy = 0;
c.gridx = 0; popup.add(makeButton("\u21E6"), c);
c.gridx = 1; popup.add(makeButton("\u21E8"), c);
c.gridx = 2; popup.add(makeButton("\u21BB"), c);
c.gridx = 3; popup.add(makeButton("\u2729"), c);

c.gridwidth = 4;
c.gridx = 0;
c.insets = new Insets(2, 0, 2, 0);
c.gridy = 1; popup.add(new JSeparator(), c);
c.insets = new Insets(0, 0, 0, 0);
c.gridy = 2; popup.add(new JMenuItem("aaaaaaaaaa"), c);
c.gridy = 3; popup.add(new JPopupMenu.Separator(), c);
c.gridy = 4; popup.add(new JMenuItem("bbbb"), c);
c.gridy = 5; popup.add(new JMenuItem("ccccccccccccccccccccc"), c);
c.gridy = 6; popup.add(new JMenuItem("dddddddddd"), c);

解説

上記のサンプルでは、JPopupMenuのレイアウトをGridBagLayoutに変更して、上部に4つのメニューボタンを水平に並べて表示(FireFox風？)します。

これらのメニューボタンは、JMenuItemの以下のメソッドをオーバーライドすることで、ボタン風に表示を変更しています。

• JMenuItem#paintComponent(...)をオーバーライドして32x32のIconのみを直接描画
  • JMenuItem#setIcon(...)を使用すると、文字列の左側にIconが表示される
  • ボタン中央にIconが描画されるように位置を計算する(GridBagLayoutでGridBagConstraints.HORIZONTALと水平方向に拡張しているため、getSize()で現在のボタンサイズを取得して中央を求める)
• JMenuItem#getPreferredSize()をオーバーライドして、Iconのサイズを推奨サイズとして返す
  • JMenuItem#setIcon(...)を使用していないので、直接Iconのサイズを渡す必要がある

final Icon icon = new SymbolIcon(symbol);
JMenuItem b = new JMenuItem() {
  private final Dimension d = new Dimension(icon.getIconWidth(), icon.getIconHeight());
  @Override public Dimension getPreferredSize() {
    return d;
  }
  @Override public void paintComponent(Graphics g) {
    super.paintComponent(g);
    Dimension cd = getSize();
    Dimension pd = getPreferredSize();
    int offx = (int) (.5 + .5 * (cd.width  - pd.width));
    int offy = (int) (.5 + .5 * (cd.height - pd.height));
    icon.paintIcon(this, g, offx, offy);
  }
};
b.setOpaque(true);

参考リンク

• JMenuItemの内部にJButtonを配置する
  • こちらは、JPopupMenuのレイアウトを変更するのではなく、JMenuItemのレイアウトを変更して、JMenuItemの子としてボタンを追加している
• JPopupMenuをボタンの長押しで表示

コメント