JavaFX之对话框的创建

在JavaFX的官方API中，是没有对话框相关的类。所以我们在需要使用对话框的时候，可以使用Swing的库。但是由于风格相差较大，更多的时候我们需要用JavaFX来创建对话框。

  下面我们来看看怎么用JavaFX来创建一个对话框吧。

  JavaFX用于创建对话框的类是Stage，没错。JavaFX程序的起始界面也是一个Stage。

  我们先用JavaFX Scene Builder来创建一个布局文件。

  

  如图所示，是一个简单的提示框布局,命名为AlertDialog.fxml。

  然后修改XML文件如下图所示:

  

  

  根部用fx:root标签，然后指定根部的类型为javafx.scene.layout.AnchorPane，注意，这里要跟后面代码里相对应。然后把之前的布局文件用<children>标签包含起来。

  下面是我们事件代码:

  

[java] view plaincopy

1. import java.io.IOException;  
2. import javafx.event.ActionEvent;  
3. import javafx.fxml.FXML;  
4. import javafx.fxml.FXMLLoader;  
5. import javafx.scene.Scene;  
6. import javafx.scene.control.Label;  
7. import javafx.scene.control.TitledPane;  
8. import javafx.scene.layout.AnchorPane;  
9. import javafx.stage.Stage;  
10. import javafx.stage.StageStyle;  
11.   
12. /** 
13.  * 
14.  * @author Wing 
15.  */  
16. public class WiAlertDialog  extends AnchorPane{  
17.     @FXML  
18.     Label alertMessage;  
19.     @FXML  
20.     TitledPane alertTitledPane;  
21.       
22.     private static WiAlertDialog wiAlertDialog;  
23.     private static Stage  newAlertDialog ;  
24.       
25.     private  WiAlertDialog(String message) {  
26.         FXMLLoader fXMLLoader = new FXMLLoader(getClass().getResource("AlertDialog.fxml"));  
27.         fXMLLoader.setRoot(WiAlertDialog.this);  
28.         fXMLLoader.setController(WiAlertDialog.this);  
29.         try {  
30.             fXMLLoader.load();  
31.         } catch (IOException exception) {  
32.             throw new RuntimeException(exception);  
33.         }  
34.         alertTitledPane.setFocusTraversable(false);  
35.         alertMessage.setText(message);  
36.     }  
37.       
38.     public static void showAlertDialog(String message) {  
39.         newAlertDialog = new Stage(StageStyle.TRANSPARENT);  
40.         newAlertDialog.setResizable(false);  
41.         wiAlertDialog = new WiAlertDialog(message);  
42.         newAlertDialog.setScene(new Scene(wiAlertDialog));  
43.         newAlertDialog.show();  
44.     }  
45.       
46.     public static void hideAlertDialog() {  
47.         if(newAlertDialog != null) {  
48.             newAlertDialog.hide();  
49.         }  
50.     }  
51.   
52.     @FXML  
53.     private void onAlertOKClick(ActionEvent event) {  
54.          WiAlertDialog.hideAlertDialog();  
55.     }  
56. }  

  我们先用FXMLLoader来载入FXML文件，然后设置根元素为当前，也就是AnchorPane。接着设置Controller为当前，也就是在FXML中指定的事件，我们可以在这里实现(例如后面的onAlertOKClick事件)。

  然后我们用一个静态的showAlertDialog来显示对话框。

  在showAlertDialog中，我们创建一个Stage，和一个包含当前界面的Scene。通过Stage.show来显示对话框，然后点击"确定"按钮后，执行onAlertOKClick来将Stage关闭。

  下面我们来看看效果:

  

  

  

  上下两个对话框均是这样实现的。

  大家可以在JavaFX开发中尝试一下