如何使用循环添加 JavaFX 元素？

Question

I am creating a mini social media with JavaFX and SQL, where users can create posts. I have each post in a Pane element, that includes the name of the user, date of the post and the text in the post. I would like to create a loop, that inserts however many posts that exist. I simply need to know, how I can create a loop that inserts for an example 5 identical pane elements. I am writing my code in a fxml file. I also have a controller where I can write functions. I can't write java code in the fxml file where the javafx elements exists, so I need to insert the pane elements via a loop in the controller somehow.

Example of code: I haven't writted the code, i'm just asking for what approach I should take. Here is what the code is going to look like:

<AnchorPane id="AnchorPane">
    <VBox layoutY="170.0" prefWidth="557.0">
        // Start Loop
          <Pane>
             <children>
                  <Label text="Test Person" />
                <Label text="Date of Post" />
                <TextArea text="Text in Post"/>
             </children>
          </Pane>
       // End Loop
    </VBox>
</AnchorPane>

Here is an image of how the posts look:

Answer 1

Example:

String template = "" +
            "<AnchorPane id=\"AnchorPane\">\n" +
            "    <VBox layoutY=\"170.0\" prefWidth=\"557.0\">\n" +
            "        // Start Loop\n" +
            "          <Pane>\n" +
            "             <children>\n" +
            "                  <Label text=\"%text person%\" />\n" +
            "                <Label text=\"%date of post%\" />\n" +
            "                <TextArea text=\"%text in post%\"/>\n" +
            "             </children>\n" +
            "          </Pane>\n" +
            "       // End Loop\n" +
            "    </VBox>\n" +
            "</AnchorPane>";

    StringBuilder sb = new StringBuilder();
    //Loop through the posts
    for (int i = 0; i<postNumber; i++) {
        sb.append(
                template
                        .replaceAll("%text person%", thePerson)
                        .replaceAll("%date of post%", theDate)
                        .replaceAll("%text in post%", text));
    }
    String outer =
            "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n" +
            "\n" +
            "<?import java.lang.*?>\n" +
            "<?import java.util.*?>\n" +
            "<?import javafx.scene.*?>\n" +
            "<?import javafx.scene.control.*?>\n" +
            "<?import javafx.scene.layout.*?>\n" +
            "\n" +
            "<AnchorPane xmlns=\"http://javafx.com/javafx\"\n" +
            "            xmlns:fx=\"http://javafx.com/fxml\"\n" +
            "            fx:controller=\"me.mkdomain.deeplearning.D\"\n" +
            "            prefHeight=\"400.0\" prefWidth=\"600.0\">\n" +
            "%content%\n" +
            "</AnchorPane>";
    String done = outer.replaceAll("%content%", sb.toString());
    FileOutputStream out = new FileOutputStream("myfile.fxml");
    out.write(done.getBytes());
    out.close();
    FXMLLoader loader = new FXMLLoader();
    loader.load(new FileInputStream("myfile.fxml"));

Answer 2

You can use StringBuilder to make fxml. Then you can write it into a temp file, and then you can load it.