• category: swing folder: MultipleButtonsInTreeNode title: JTreeのノードにクリック可能なJButtonを複数配置する tags: [JTree, TreeCellEditor, TreeCellRenderer, JButton, JPanel] author: aterai pubdate: 2018-02-12T19:19:08+09:00 description: JTreeのセルエディタとしてクリック可能なJButtonを複数したJPanelを設定します。 image: https://drive.google.com/uc?export=view&id=1av1tLvTqv_249jfJdwdsuhEyB5i3zikC7Q

概要

JTreeのセルエディタとしてクリック可能なJButtonを複数したJPanelを設定します。

サンプルコード

class ButtonCellEditor extends AbstractCellEditor implements TreeCellEditor {
  private final ButtonPanel panel = new ButtonPanel();
  protected ButtonCellEditor() {
    super();
    panel.b1.addActionListener(e -> {
      System.out.println("b1: " + panel.renderer.getText());
      stopCellEditing();
    });
    panel.b2.addActionListener(e -> {
      System.out.println("b2: " + panel.renderer.getText());
      stopCellEditing();
    });
    panel.b3.addActionListener(e -> {
      System.out.println("b3: " + panel.renderer.getText());
      stopCellEditing();
    });
  }
  @Override public Component getTreeCellEditorComponent(
      JTree tree, Object value, boolean isSelected, boolean expanded,
      boolean leaf, int row) {
    Component c = panel.renderer.getTreeCellRendererComponent(
        tree, value, true, expanded, leaf, row, true);
    return panel.remakePanel(c);
  }
  @Override public Object getCellEditorValue() {
    return panel.renderer.getText();
  }
  @Override public boolean isCellEditable(EventObject e) {
    Object source = e.getSource();
    if (!(source instanceof JTree) || !(e instanceof MouseEvent)) {
      return false;
    }
    JTree tree = (JTree) source;
    Point p = ((MouseEvent) e).getPoint();
    TreePath path = tree.getPathForLocation(p.x, p.y);
    if (Objects.isNull(path)) {
      return false;
    }
    Rectangle r = tree.getPathBounds(path);
    if (Objects.isNull(r)) {
      return false;
    }
    r.width = panel.getButtonAreaWidth();

    if (r.contains(p)) {
      return true;
    }
    return false;
  }
}
View in GitHub: Java, Kotlin

解説

上記のサンプルでは、3つのJButtonJLabelを継承するDefaultTreeCellRendererFlowLayoutで配置するJPanel2つ作成し、それぞれをJTreeのセルエディタとセルレンダラーとして設定しています。

  • セルレンダラーのJButtonは表示にのみ使用するめ、ActionListenerなどは設定しない
  • セルエディタのJButtonには、JTreeのノードが編集可能になって自身がクリックされたときに実行するActionListenerを設定
    • このActionListenerが実行されたあと、AbstractCellEditor#stopCellEditing()を実行してJTreeのノード編集を終了する
    • JTreeのノード編集を終了しないと、編集中のノードの各ボタンにフォーカスが描画されたり、別ノードのボタンを2回クリックしないとそのボタンのイベントが実行できない
  • TreeCellEditor#isCellEditable(...)をオーバーライドし、マウスで各JButtonの表示領域がクリックされた場合のみ編集可能に設定
  • 編集中のノードのJButtonのみマウスでクリック可能

参考リンク

コメント