Swing/ToolBarLayout のバックアップの現在との差分(No.14)

TITLE:JToolBarでアイコンボタンを右寄せ
Posted by aterai at 2006-01-23

JToolBarでアイコンボタンを右寄せ

 JToolBarでアイコンボタンを右寄せ、下寄せで表示します。
  • category: swing folder: ToolBarLayout title: JToolBarでアイコンボタンを右寄せ tags: [JToolBar, JMenuBar, BoxLayout, JButton, Focus] author: aterai pubdate: 2006-01-23T14:20:11+09:00 description: JToolBarでアイコンボタンを右寄せ、下寄せで表示します。 image: https://lh3.googleusercontent.com/_9Z4BYR88imo/TQTVb-HPZjI/AAAAAAAAAno/dMILsHzlipk/s800/ToolBarLayout.png

概要

JToolBarでアイコンボタンを右寄せ、下寄せで表示します。
ToolBarLayout.png

サンプルコード

 
#spanend
#spanadd
* サンプルコード [#sourcecode]
#spanend
#spanadd
#code(link){{
#spanend
#spanadd
// jlfgr-1_0.jar
#spanend
String path = "/toolbarButtonGraphics/general/";
#spandel
URL url1 = getClass().getResource(path+"Copy24.gif");
#spanend
#spandel
URL url2 = getClass().getResource(path+"Cut24.gif");
#spanend
#spandel
URL url3 = getClass().getResource(path+"Help24.gif");
#spanend
#spanadd
URL url1 = getClass().getResource(path + "Copy24.gif");
#spanend
#spanadd
URL url2 = getClass().getResource(path + "Cut24.gif");
#spanend
#spanadd
URL url3 = getClass().getResource(path + "Help24.gif");
#spanend
toolbar.add(createToolbarButton(url1));
toolbar.add(createToolbarButton(url2));
toolbar.add(Box.createGlue());
toolbar.add(createToolbarButton(url3));
#spandel

#spanend
#spanadd
// ...
#spanend
private static JButton createToolbarButton(URL url) {
  JButton b = new JButton(new ImageIcon(url));
  b.setRequestFocusEnabled(false);
  // or: b.setFocusPainted(false);
  return b;
}

解説
  • JToolBarやJMenuBarのデフォルトレイアウトはBoxLayoutのためBox.createGlue()を間に挟むことでボタンやメニューの右寄せが可能
  • ボタンとボタンの間隔を固定値で空けたい場合はBox.createRigidAreaを使用する
    • Box.createHorizontalStrut(...)やBox.createVerticalStrut(...)を使うとツールバーの水平・垂直が切り替わった時に余計な余白が発生する場合がある
  • 各アイコンはJava look and feel Graphics Repositoryのjlfgr-1_0.jarがクラスパス内に存在する場合はそこから読み込んでいる

解説

 JToolBarのデフォルトレイアウトはBoxLayoutなので、Box.createGlueをアイコンボタンの間に挟むことで右寄せをしています。 ボタンとボタンの間隔を固定値で空けたい場合は、Box.createRigidAreaを使用します。Box.createHorizontalStrutやBox.createVerticalStrutを使うとツールバーが水平垂直に切り替わった時に、余計な余白が出来てしまうことがあります。 ツールバーが垂直になった場合のことも考えて、VerticalGlueも一緒に挿入していますが、特に問題ないようです。 アイコンは、Java look and feel Graphics Repositoryのjlfgr-1_0.jarから読み込んでいます。
JDK 1.6 で、JDK 1.5 のようなボタン表示(フォーカスが無い状態)にするには、以下のようなリスナーを追加して描画し直す必要があるようです。
  • JDK 1.6とJDK 1.5でJToolBarに配置したボタン表示が異なる？
    • JComponent#setRequestFocusEnabled(false)(マウスクリックではフォーカスを取得しないがキーボードからは許可)、またはAbstractButton#setFocusable(false)と設定すると同一になる
ToolBarLayout1.png
ToolBarLayout1.png
 JDK 1.6 で、JDK 1.5 のようなボタン表示(フォーカスが無い状態)にするには、JButton#setRequestFocusEnabled(false);、または、JButton#setFocusable(false); とする必要があるようです。
  • よく考えれば、ツールバーのボタンが、Focusableになっていると色々面倒…
    • コピーボタンを押したらテキストエディタの選択状態が消えたり、参考の質問のような不具合が起こるなど
  • 参考
  • マウスクリックでツールバーボタンにフォーカスが移動すると、コピーボタンを押したらテキストエディタでの文字列選択状態がクリアされたり、参考の質問のような不具合が起こる
  • 参考: Swing - JTextPane selection color problemの camickr さんの投稿(2008/10/25 0:34)
  • %JAVA_HOME%/demo/jfc/Notepad/src/Notepad.java

参考リンク

参考リンク

コメント
  • 環境によって、上記のサンプルが右寄せにならない場合もあるようです。 -- aterai
  • setRequestFocusEnabled(false)、スクリーンショット更新。 -- aterai

コメント