首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何通过代码初始化JavaFX fxml文件中定义的treeview控件

如何通过代码初始化JavaFX fxml文件中定义的treeview控件
EN

Stack Overflow用户
提问于 2020-01-16 21:56:19
回答 1查看 518关注 0票数 0

我想达到的效果如下所示,都是由代码创建的。

代码如下,这个方法可以达到我想要的效果,因为在start方法中,首先初始化treeview,然后创建一个场景,添加进去,然后成功显示。Example1:

代码语言:javascript
运行
复制
public class treeViewDemo_4 extends Application {

    // Node图标
    private final Node rootIcon = new ImageView(
        new Image(getClass().getResourceAsStream("/icon/file.png"))
    );

    private TreeView<String> createTreeView(TreeItem<String> root1,TreeItem<String> root2) {
        TreeItem<String> dummyRoot = new TreeItem<>();
        dummyRoot.getChildren().addAll(root1,root2);
        TreeView<String> tree = new TreeView<>(dummyRoot);
        tree.setShowRoot(false);
        return tree ;
    }

    final TreeItem<String> root1 = new TreeItem<>("root 1");
    final TreeItem<String> root2 = new TreeItem<>("root 2");

    public static void main(String[] args) {
        launch(args);
    }

    @Override
    public void start(Stage primaryStage) {
        primaryStage.setTitle("Tree View Sample");
        // 每个Item下又可以添加新的Item
        for (int i = 1; i < 6; i++) {
            TreeItem<String> item = new TreeItem<> ("Message" + i);
            item.getChildren().add(new TreeItem<String>("第三级"));
            root1.getChildren().add(item);
        }
        // 创建TreeView
        TreeView<String> tree = createTreeView(root1,root2);

        StackPane root = new StackPane();
        root.getChildren().add(tree);
        primaryStage.setScene(new Scene(root, 300, 250));
        primaryStage.show();
    }
} 

但我希望通过fxml文件实现此效果,但我不知道如何实现。首先,我的代码Example2:

fxml

代码语言:javascript
运行
复制
<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.control.Button?>
<?import javafx.scene.control.TreeView?>
<?import javafx.scene.layout.AnchorPane?>

<AnchorPane fx:controller="com.fendo.flying.demo.treeview.demo5.demo5Controller" fx:id="rootPane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="705.0" prefWidth="1113.0" xmlns="http://javafx.com/javafx/8.0.171" xmlns:fx="http://javafx.com/fxml/1" >
   <children>
       <TreeView fx:id="treeView" layoutX="3.0" layoutY="94.0" prefHeight="608.0" prefWidth="214.0">

       </TreeView>
      <Button layoutX="300.0" layoutY="93.0" mnemonicParsing="false" text="Button" />
      <Button layoutX="715.0" layoutY="93.0" mnemonicParsing="false" text="Button" />
      <Button layoutX="597.0" layoutY="93.0" mnemonicParsing="false" text="Button" />
      <Button layoutX="393.0" layoutY="93.0" mnemonicParsing="false" text="Button" />
      <Button layoutX="492.0" layoutY="93.0" mnemonicParsing="false" text="Button" />
   </children>
</AnchorPane>

控制器

代码语言:javascript
运行
复制
public class demo5Controller implements Initializable {

    @FXML
    private TreeView treeView;

    final TreeItem<String> root1 = new TreeItem<>("root 1");
    final TreeItem<String> root2 = new TreeItem<>("root 2");
    final TreeView<String> tree = createTreeView(root1,root2);

    private TreeView<String> createTreeView(TreeItem<String> root1,TreeItem<String> root2) {
        TreeItem<String> dummyRoot = new TreeItem<>();
        dummyRoot.getChildren().addAll(root1,root2);
        TreeView<String> tree = new TreeView<>(dummyRoot);
        tree.setShowRoot(false);
        return tree ;
    }


    public demo5Controller() {
        treeView = createTreeView(root1,root2);
    }

    @Override
    public void initialize(URL location, ResourceBundle resources) {
        treeView = createTreeView(root1,root2);
    }
}

Example2在运行后无效。Treeview初始化失败,display为空,我想知道的是如何通过代码初始化fxml中定义的treeview?

或者,我在fxml中定义了一个treeview。如何在控制器中初始化或覆盖?要实现示例1中的效果

如何实现示例2中的实现,即示例1中以下代码的效果:

代码语言:javascript
运行
复制
// create TreeView
TreeView<String> tree = createTreeView(root1,root2);

StackPane root = new StackPane();
root.getChildren().add(tree);
primaryStage.setScene(new Scene(root, 300, 250));
primaryStage.show();
EN

回答 1

Stack Overflow用户

发布于 2020-01-16 22:50:27

要完全通过fxml创建和配置TreeView,请在<TreeView>标记中添加treeItem结构,基本上类似于:

代码语言:javascript
运行
复制
<TreeView fx:id="treeView"> 
      <TreeItem value = "treeRoot" expanded="true">
            <children>
                <TreeItem value="firstChild" />
                <TreeItem value="secondChild" />
            </children>
      </TreeItem>
</TreeView>

要进行更深层次的嵌套,请对子项执行相同的操作。

要通过fxml创建TreeView并通过代码配置其内容,请在控制器的初始化中执行后者(重要提示:不要手动实例化treeView!)

代码语言:javascript
运行
复制
@FXML private TreeView<String> treeView;

@FXML
private void initialize() {
    treeView.setRoot(createItemHierarchy(new TreeItem<String>("root1"), new TreeItem<String>("root2")));
}

private TreeItem<String> createItemHierarchy(TreeItem<String>... root1) {
    TreeItem<String> root = new TreeItem<>("base root");
    root.getChildren().addAll(root1);
    return root ;
}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59771211

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档