• title: JTreeを行クリックで選択し、行全体を選択状態の背景色で描画 tags: [JTree, TreeCellRenderer, FocusListener] author: aterai pubdate: 2011-01-17T15:24:56+09:00 description: JTreeの行をクリックして選択し、行全体を選択状態の背景色で描画します。

概要

JTreeの行をクリックして選択し、行全体を選択状態の背景色で描画します。

サンプルコード

class RowSelectionTree extends JTree {
  private static final Color SELC = new Color(100, 150, 200);
  private Handler handler;

  @Override public void paintComponent(Graphics g) {
    g.setColor(getBackground());
    g.fillRect(0, 0, getWidth(), getHeight());
    if (getSelectionCount() > 0) {
      g.setColor(SELC);
      for (int i : getSelectionRows()) {
        Rectangle r = getRowBounds(i);
        g.fillRect(0, r.y, getWidth(), r.height);
      }
    }
    super.paintComponent(g);
    if (getLeadSelectionPath() != null) {
      Rectangle r = getRowBounds(getRowForPath(getLeadSelectionPath()));
      g.setColor(hasFocus() ? SELC.darker() : SELC);
      g.drawRect(0, r.y, getWidth() - 1, r.height - 1);
    }
  }
  @Override public void updateUI() {
    removeFocusListener(handler);
    super.updateUI();
    setUI(new BasicTreeUI() {
      @Override public Rectangle getPathBounds(JTree tree, TreePath path) {
        if (tree != null && treeState != null) {
          return getPathBounds(path, tree.getInsets(), new Rectangle());
        }
        return null;
      }
      private Rectangle getPathBounds(
          TreePath path, Insets insets, Rectangle bounds) {
        Rectangle rect = treeState.getBounds(path, bounds);
        if (rect != null) {
          rect.width = tree.getWidth();
          rect.y += insets.top;
        }
        return rect;
      }
    });
    handler = new Handler();
    addFocusListener(handler);
    setCellRenderer(handler);
    setOpaque(false);
  }
  static class Handler extends DefaultTreeCellRenderer implements FocusListener {
    @Override public Component getTreeCellRendererComponent(
        JTree tree, Object value, boolean selected, boolean expanded,
        boolean leaf, int row, boolean hasFocus) {
      JLabel l = (JLabel) super.getTreeCellRendererComponent(
          tree, value, selected, expanded, leaf, row, hasFocus);
      l.setBackground(selected ? SELC : tree.getBackground());
      l.setOpaque(true);
      return l;
    }
    @Override public void focusGained(FocusEvent e) {
      e.getComponent().repaint();
    }
    @Override public void focusLost(FocusEvent e) {
      e.getComponent().repaint();
    }
  }
}
View in GitHub: Java, Kotlin

解説

以下のような設定で、JTreeを行選択できるように変更し、表示もNimbusLookAndFeel風に行全体を選択状態の背景色で描画するようにしています。

  • BasicTreeUI#getPathBounds(...)をオーバーライドして、ノードではなく、行のクリックで選択可能に変更
  • JTreeの背景をsetOpaque(false)で透明(非描画)にし、JTree#paintComponent(...)をオーバーライドして選択された行を背景色で描画
  • 不透明にしたTreeCellRendererを使用して、ノードの選択色をJTree#paintComponent(...)の背景色と同じものに変更
  • 別コンポーネントにフォーカスが移動した場合、LeadSelectionBorderを描画しない(選択背景色で上書き)ように設定
    • デフォルトではノードのみ再描画されるので、FocusListenerを追加して、JTree全体を再描画

参考リンク

コメント