实现路径导航栏(Breadcrumb bar)控件

Question

我想生成一个UI,有人可以在树结构的路径中导航.这是我想要的一个例子,取自JavaFX Scene Builder.

根据TreeView中的实际位置,此UI将更新.通过单击单个项目,树将更新.

我的问题:哪种节点/控件最适合这种方法？(不需要完整的代码.只需提及控件的名称).

我的第一个想法是彼此紧密地生成一排按钮,但也许有更好的想法.

谢谢.

Answer 1

您可以使用ControlsFx的BreadCrumbBar

Pane root = ...
Label selectedCrumbLbl = new Label();

BreadCrumbBar<String> sampleBreadCrumbBar = new BreadCrumbBar<>();
root.getChildren().addAll(sampleBreadCrumbBar, selectedCrumbLbl);

TreeItem<String> model = BreadCrumbBar.buildTreeModel("Hello", "World", "This", "is", "cool");
sampleBreadCrumbBar.setSelectedCrumb(model);

sampleBreadCrumbBar.setOnCrumbAction(new EventHandler<BreadCrumbBar.BreadCrumbActionEvent<String>>() {
        @Override public void handle(BreadCrumbActionEvent<String> bae) {
            selectedCrumbLbl.setText("You just clicked on '" + bae.getSelectedCrumb() + "'!");
        }
});

https://github.com/controlsfx/controlsfx/blob/master/controlsfx-samples/src/main/java/org/controlsfx/samples/button/HelloBreadCrumbBar.java