FXML模板或在javafx中生成占位符的方法

时间:2018-05-19 17:53:10

标签: java user-interface javafx fxml

我在Java中创建一个GUI,我通过SPARQL查询获取所需的数据。该程序是关于练习的,我想为每个练习制作一个容器(hbox / vbox)并提供相关信息。问题是,现在,该程序看起来非常难看,因为我使用纯javafx生成hbox,代码如下:

ResultSet result = Querying.ontologyQuery(Strings.getFeatured());
    List<Resource> exerciseList = new ArrayList<>();
    List<Resource> mainMuscleList = new ArrayList<>();
    List<Literal> equipmentList = new ArrayList<>();
    while (result.hasNext()) {
        QuerySolution qs = result.next();
        Resource exercise = qs.getResource("Exercise");
        Resource mainMuscle = qs.getResource("mainMuscle");
        Literal equipment = qs.getLiteral("Equipment");
        exerciseList.add(exercise);
        mainMuscleList.add(mainMuscle);
        equipmentList.add(equipment);
    }

    for (int i = 0; i < 4; i++) {
        HBox hbox = addHbox();
        vbox.getChildren().add(hbox);
        Label exercise = new Label();
        Label mainMuscle = new Label();
        Label equipment = new Label();

        mainMuscle.setText(mainMuscleList.get(i).getLocalName());
        equipment.setText(equipmentList.get(i).getString());
        exercise.setText(exerciseList.get(i).getLocalName());

        hbox.getChildren().add(exercise);
        hbox.getChildren().add(mainMuscle);
        hbox.getChildren().add(equipment);

我想我要问的是,是否可以在fxml中制作模板,只需将SPARQL查询中的信息部署到&#34;模板中的占位符&#34 ;。如何解决这个问题的任何帮助

1 个答案:

答案 0 :(得分:0)

您可以使用custom component FXML pattern(另请参阅this question)。

基本上,你可以做到

<?xml ... ?>
<?import javafx.scene.layout.HBox ?>
<?import javafx.scene.control.Label ?>

<fx:root type="HBox">
    <Label fx:id="exerciseLabel"/>
    <Label fx:id="mainMuscleLabel"/>
    <Label fx:id="equipmentLabel"/>
</fx:root>

然后定义一个控制器/组件类:

public class ExerciseView extends HBox {

    @FXML
    private Label exerciseLabel ;
    @FXML
    private Label mainMuscleLabel ;
    @FXML
    private Label equipmentLabel ;

    public ExerciseView(Resource exercise, Resource mainMuscle, Literal equipment) {
        FXMLLoader loader = new FXMLLoader(getClass().getResource("Exercise.fxml"));
        loader.setController(this);
        loader.setRoot(this);
        try {
            loader.load();
            mainMuscleLabel.setText(mainMuscle.getLocalName());
            equipmentLabel.setText(equipment.getString());
            exerciseLabel.setText(exercise.getLocalName());
        } catch (IOException exc) {
            throw new RuntimeException(exc);
        }
    }

    // ...
}

然后当然:

ResultSet result = Querying.ontologyQuery(Strings.getFeatured());
while (result.hasNext()) {
    QuerySolution qs = result.next();
    Resource exercise = qs.getResource("Exercise");
    Resource mainMuscle = qs.getResource("mainMuscle");
    Literal equipment = qs.getLiteral("Equipment");
    vbox.getChildren().add(new ExerciseView(exercise, mainMuscle, equipment));
}

(或者,如果您不希望数据库代码了解您的UI,可以进行一些简单的修改。)。