• 追加された行はこの色です。
  • 削除された行はこの色です。
TITLE:JTableのセルをエクスプローラ風に表示する
#navi(../)
*JTableのセルをエクスプローラ風に表示する [#uc74456c]
>編集者:[[Terai Atsuhiro>terai]]~
作成日:2006-07-18~
更新日:&lastmod;

#contents

**概要 [#z459abad]
セルの中にアイコンと文字列を配置し、エクスプローラ風に見えるよう、文字列だけにフォーカスをかけます。

#screenshot

**サンプルコード [#f06fb511]
#code{{
 public TestRenderer(JTable table) {
   super(BoxLayout.X_AXIS);
   nicon = new ImageIcon(getClass().getResource("wi0063-16.png"));
   FilteredImageSource fis = new FilteredImageSource(
                 nicon.getImage().getSource(),
                 new SelectedImageFilter());
   sicon = new ImageIcon(createImage(fis));
   iconLabel.setIcon(nicon);
   textLabel = new MyLabel(table);
   table.setRowHeight(textLabel.getPreferredSize().height);
 }
 public Component getTableCellRendererComponent(
                  JTable table, Object value, boolean isSelected,
                  boolean hasFocus, int row, int column) {
   textLabel.setText((value ==null) ? "" : value.toString());
   FontMetrics fm = table.getFontMetrics(table.getFont());
   int swidth = fm.stringWidth(textLabel.getText()) +
                textLabel.getInsets().left +
                textLabel.getInsets().right;
   int cwidth = table.getColumnModel().getColumn(column).getWidth() -
                iconLabel.getPreferredSize().width;
   textLabel.setPreferredSize(
     new Dimension((swidth>cwidth)?cwidth:swidth, 10000));
   textLabel.setSelected(isSelected);
   textLabel.setFocusedBorder(hasFocus);
   textLabel.setFont(table.getFont());
   iconLabel.setIcon((isSelected)?sicon:nicon);
   removeAll();
   add(iconLabel);
   add(textLabel);
   add(Box.createHorizontalGlue());
   return this;
 }
public TestRenderer(JTable table) {
  super(BoxLayout.X_AXIS);
  nicon = new ImageIcon(getClass().getResource("wi0063-16.png"));
  FilteredImageSource fis = new FilteredImageSource(
                nicon.getImage().getSource(),
                new SelectedImageFilter());
  sicon = new ImageIcon(createImage(fis));
  iconLabel.setIcon(nicon);
  textLabel = new MyLabel(table);
  table.setRowHeight(textLabel.getPreferredSize().height);
}
public Component getTableCellRendererComponent(
                 JTable table, Object value, boolean isSelected,
                 boolean hasFocus, int row, int column) {
  textLabel.setText((value ==null) ? "" : value.toString());
  FontMetrics fm = table.getFontMetrics(table.getFont());
  int swidth = fm.stringWidth(textLabel.getText()) +
               textLabel.getInsets().left +
               textLabel.getInsets().right;
  int cwidth = table.getColumnModel().getColumn(column).getWidth() -
               iconLabel.getPreferredSize().width;
  textLabel.setPreferredSize(
    new Dimension((swidth>cwidth)?cwidth:swidth, 10000));
  textLabel.setSelected(isSelected);
  textLabel.setFocusedBorder(hasFocus);
  textLabel.setFont(table.getFont());
  iconLabel.setIcon((isSelected)?sicon:nicon);
  removeAll();
  add(iconLabel);
  add(textLabel);
  add(Box.createHorizontalGlue());
  return this;
}
}}
-&jnlp;
-&jar;
-&zip;

**解説 [#u6964aab]
Windows Explorer((正式名称は知らない、ファイルシステム・エクスプローラ?というのもどこかで見たような記憶が…))の詳細表示風にするため、以下のような設定をしています。
- セル間の罫線を非表示(JTable#setShowHorizontalLines, JTable#setShowVerticalLines)
- ひとつのセルの中でアイコンと文字列を表示するセルレンダラーを作成
- フォーカスがJTableに無い場合、選択されたセルの背景色をパネルの背景色に変更

このレンダラーでは、アイコンと文字列を別々のJLabelで作成して並べることで、フォーカスはセルではなく文字列だけに点線で掛かるようになっています。

選択時にはセル全体の背景色を変更するのではなく、文字列を表示しているJLabelの背景色を変更し、そのPreferredSizeを文字列の長さまで縮小して右側に余白を作成しています。

-Windows Explorer との相違点
--アイコンと文字列以外の場所(セル内)をクリックしても、選択できてしまう
---[[JTableで文字列をクリックした場合だけセルを選択状態にする>Swing/CellAtPoint]]
---WindowsLaFでのJFileChooserはどうやっているのだろうか?
--矩形による範囲指定で選択することができない
---[[JListのアイテムを範囲指定で選択>Swing/RubberBanding]]
--ソートすると選択状態がクリアされてしまう
---[[TableSorterでソートしても選択状態を維持>Swing/SelectionKeeper]]
--タブキー、矢印キーによる選択状態の移動がおかしい
--編集不可

**参考リンク [#qe04acfe]
-[[XP Style Icons - Windows Application Icon, Software XP Icons>http://www.icongalore.com/]]
--アイコンを利用しています。

**コメント [#ld0c329a]
#comment