Ответ 1
<fx:root> обеспечивает решение проблемы определения повторно используемого компонента с помощью FXML.
В качестве примера представьте, что вы хотите определить простой пользовательский компонент, состоящий из TextField и Button, содержащихся в HBox. Вам нужно, чтобы это было представлено подклассом Node, поэтому вы можете написать код типа
VBox vbox = new VBox();
vbox.getChildren().add(new MyComponent());
Проблема в том, что вам нужен класс Java, который является подклассом Node, а также FXML. В чистой Java (без FXML) вы можете сделать это с помощью
public class MyComponent extends HBox {
private TextField textField ;
private Button button ;
public MyComponent() {
textField = new TextField();
button = new Button();
this.getChildren().addAll(textField, button);
}
}
Использование FXML для определения настраиваемого компонента без элемента <fx:root> представляет проблему, потому что вам нужен FXML как какой-то node, а затем еще один экземпляр node для представления класса, обертывающего его:
<HBox>
<TextField fx:id="textField"/>
<Button fx:id="button" />
</HBox>
и
public class MyComponent extends HBox {
@FXML
private TextField textField ;
@FXML
private Button button ;
public MyComponent() {
try {
FXMLLoader loader = new FXMLLoader(getClass().getResource("MyComponent.fxml"));
loader.setController(this);
HBox hbox = loader.load();
this.getChildren().add(hbox);
} catch (IOException exc) {
// handle exception
}
}
}
В результате MyComponent состоит из HBox, обертывающего HBox, обертывающий TextField и Button. Дополнительный избыточный HBox является результатом необходимости использования одного node для корня FXML и одного node для представления компонента.
<fx:root> дает механизм создания node в качестве компонента (класс Java), а затем инструктирует файл FXML использовать этот node как его корень:
<fx:root type="javafx.scene.layout.HBox">
<TextField fx:id="textField" />
<Button fx:id="button" />
</fx:root>
и
public class MyComponent extends HBox {
@FXML
private TextField textField ;
@FXML
private Button button ;
public MyComponent() {
try {
FXMLLoader loader = new FXMLLoader(getClass().getResource("MyComponent.fxml"));
loader.setController(this);
loader.setRoot(this);
loader.load();
} catch (IOException exc) {
// handle exception
}
}
}
Теперь MyComponent имеет ту же структуру, что и исходная версия all-Java, a HBox, содержащая TextField и a Button. Вы не можете сделать это с помощью FXML без элемента <fx:root>.