如何將ControlsFX（對話框）與FXML文件一起使用？

Question

我有以下想法：

• 我想用ControlsFX：漂亮的UI，對於對話的良好支持。
• 我想使用FXML作爲用戶界面的源代碼：場景生成器很好地工作，快速創建和更改。

現在我面臨使用ControlsFX和由FXML文件創建的UI一起的問題。這裏是源代碼：

public class ConfigUI { 
private Dialog dlg; 

@FXML 
TextField urlRepository; 

protected Action showConfigDialog() throws IOException { 
    dlg = new Dialog(null, "Configuration Dialog for Check SVN"); 

    Node content = null; 
    content = FXMLLoader.load(getClass().getResource("check-dialog.fxml")); 

    dlg.setResizable(false); 
    dlg.setIconifiable(false); 
    dlg.setContent(content); 
    dlg.getActions().addAll(Dialog.Actions.OK, Dialog.Actions.CANCEL); 
    return dlg.show(); 
} 

相應FXML文件check-dialog.fxml如下：

<AnchorPane id="AnchorPane" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2" fx:controller="ConfigUI"> 
    <children> 
    <Label layoutX="29.0" layoutY="26.0" text="URL of Repository" /> 
    <Label layoutX="29.0" layoutY="76.0" text="Revision Interval" /> 
    <TextField fx:id="urlRepository" layoutY="23.0" prefWidth="200.0" AnchorPane.leftAnchor="170.0" AnchorPane.rightAnchor="10.0" /> 
    <Slider fx:id="revIntervalLow" layoutY="77.0" prefWidth="196.0" AnchorPane.leftAnchor="170.0" AnchorPane.rightAnchor="234.0" /> 
    ... 
    </children> 
</AnchorPane> 

當我現在開始通過下面的代碼的對話框中，TextField urlRepository的@FXML不起作用：

public void configureActionTrigger(ActionEvent actionEvent) { 
     ConfigUI ui = new ConfigUI(); 
     Action result = ui.showConfigDialog(); 
     ... 
    } 

在調試器中，我看到屬性urlRepository從不綁定。我在這裏錯過了什麼？是否有必要擁有一個應用程序類和一個控制器類，並且應用程序類構建了UI，然後綁定控制器？

在互聯網上有沒有一個例子可以解釋一個非平凡的例子中ControlsFX和FXML文件如何一起使用？

Answer 1

我找到了Uluk Biy的一個工作解決方案。這是什麼對我有效：

1. 將方法showConfigDialog()移動到調用者。
2. 獲取對話框和UI實例的引用（以便稍後從中獲取配置的值）並將該引用添加到該調用中。

這裏是改變上面：

Controller 
    public void configureActionTrigger(ActionEvent actionEvent) { 
    Dialog dlg = new Dialog(null, "Configuration Dialog for Check SVN"); 
    Action result = this.showConfigDialog(dlg); 
    ... 
    } 

    protected Action showConfigDialog(Dialog dlg) throws IOException { 
    Node content = content = FXMLLoader.load(getClass().getResource("check-dialog.fxml")); 
    dlg.setResizable(false); 
    dlg.setIconifiable(false); 
    dlg.setContent(content); 
    dlg.getActions().addAll(Dialog.Actions.OK, Dialog.Actions.CANCEL); 

    return dlg.show(); 
} 

ConfigUI 
    @FXML 
    TextField urlRepository; 

沒有改變是必要的check-dialog.fxm。

現在TextField被正確綁定，並且當我在文本字段中輸入內容時，該字段的值將按預期更改。

所以解決方案是將構建配置對話框的UI職責轉移到另一個類，並讓控制器只處理輸入。

Answer 2

線

content = FXMLLoader.load(getClass().getResource("check-dialog.fxml")); 

將創建ConfigUI類的新實例，所以你當前實例的urlRepository仍然未初始化。相反嘗試：

FXMLLoader loader = new FXMLLoader(); 
loader.setController(this); 
content = (Parent) loader.load(getClass().getResourceAsStream("check-dialog.fxml"));