修改TreeView的细胞工厂

Question

我想更改树视图中展开/取消展开的公开节点，而不使用CSS的-fx背景图像。箭头，因为尽管图像是9*9像素，但显示效果很差。我想用setCellFactory，但我不知道怎么用。

我有几个问题：

>

在setCellFactory中，覆盖call或updateItem方法的目的是什么？在这种情况下要覆盖哪个？

updateItem中的item==null或boolean empty=true有什么不同？布尔值empty=true的句柄是什么情况？

我希望我的观点是这样的

由于TreeView只能包含一种类型的Item和Group A标签不是Person，除了将Group A作为Person对象的名称之外，我想我只能使用循环显示树并根据它们所属的Group将TreeItems放在Box下。但是，我不知道如何制作可扩展的Box（使用VBox？Hbox？StackPane？）请给我一个提示

package DummyGUI;
import javafx.application.Application;

import javafx.scene.*;
import javafx.scene.control.*;
import javafx.scene.layout.*;
import javafx.stage.*;
import javafx.event.ActionEvent;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;

public class App extends Application
{
private final Image male = new Image(getClass().getResourceAsStream("male.png"), 16, 16, true, true);
private final Node maleIcon = new ImageView(male);

private final Image female = new Image(getClass().getResourceAsStream("female.png"), 16, 16, true, true);
private final Node femaleIcon = new ImageView(female);

private final Image plus = new Image(getClass().getResourceAsStream("plus-button.png"), 16, 16, true, true);
private final Node plusIcon = new ImageView(plus);

private final Image minus = new Image(getClass().getResourceAsStream("minus-button.png"), 16, 16, true, true);
private final Node minusIcon = new ImageView(minus);

private TreeView<Person> tree;
public static void main(String[] args) 
{
    launch();
}
public void start(Stage topView)
{
    createGUI(topView);
}
private void createGUI(Stage topView)
{
    topView.setTitle("Dummy App");
    initTree();
    VBox vb = new VBox(tree);
    topView.setScene(new Scene(vb));
    topView.show();
}

private void initTree()
{
    Person person1 = new Person("Charles", 'M', '0');
    Person person2 = new Person("John", 'M', 'A');
    Person person3 = new Person("Pearl", 'M', 'A');
    TreeItem<Person> root = new TreeItem<>(person1);
    TreeItem<Person> child1 = new TreeItem<>(person2);
    TreeItem<Person> child2 = new TreeItem<>(person3);
    tree = new TreeView<>(root);
    root.setExpanded(true);
    root.getChildren().addAll(child1, child2);

    tree.setCellFactory(tv -> 
    {
        HBox hb = new HBox();

        TreeCell<Person> cell = new TreeCell<Person>() 
        {
            @Override
            public void updateItem(Person item, boolean empty) 
            {
                super.updateItem(item, empty);

                if(empty)
                {
                    setGraphic(null);
                    setText(null);
                }
                else
                {
                    Node icon = (item.getGender() == 'M' ? maleIcon : femaleIcon);
                    setGraphic(icon);
                    setText(item.toString());
                }
            }
        };
        cell.setDisclosureNode(plusIcon);
        return cell;
    });
}
}



 package DummyGUI;

 public class Person 
 {
String name;
char gender;
char group;

public Person(String name, char gender, char group)
{
    this.name = name;
    this.gender = gender;
    this.group = group;
}

public String getName()
{
    return name;
}

public char getGender()
{
    return gender;
}

public char getGroup()
{
    return group;
}

public String toString()
{
    return name;
}

}

我试图将箭头图标更改为加号图标，但它有错误，因为我不知道如何覆盖updateItem。

我不知道为什么约翰和查尔斯的性别图标在树展开时不显示，我也不知道如何添加减号图标。非常感谢。

Answer 1

if (getTreeItem() != null) 
                {
                    setDisclosureNode(getTreeItem().isExpanded() ? expanded : collapsed);

                    setOnMouseClicked(event -> {
                        setDisclosureNode(getTreeItem().isExpanded() ? expanded : collapsed);
                    });

                }

没关系，我想点击SetonMouse会很好，谢谢！

Answer 2

最简单的答案：

基本问题是在所有单元中重复使用相同的节点实例——节点必须只有一个父节点。使用相同的方法，会悄悄地将其从以前的父级中删除（或引发异常）

适应细胞

tree.setCellFactory(tv -> {
    // per-cell icons 
    Node maleIcon = new Button("m");
    Node femaleIcon = new Button("f");
    Node expanded = new Label("-");
    Node collapsed = new Label("+");
    TreeCell<Person> cell = new TreeCell<Person>() {
        @Override
        public void updateItem(Person item, boolean empty) {
            super.updateItem(item, empty);
            // check if the cell is empty (no data) or if the data is null
            if (item == null || empty) {
                setGraphic(null);
                setText(null);
            } else {
                Node icon = (item.getGender() == 'M' ? maleIcon
                        : femaleIcon);
                setGraphic(icon);
                // never-ever override toString for application reasons
                // instead set the text from data properties
                setText(item.getName());

            }
            if (getTreeItem() != null) {
                // update disclosureNode depending on expanded state
                setDisclosureNode(getTreeItem().isExpanded() ? expanded : collapsed);
            }
        }
    };
    return cell;
});