JavaFX之Controll用法

最新推荐文章于 2024-04-20 17:59:35 发布

iteye_2284

最新推荐文章于 2024-04-20 17:59:35 发布

阅读量1.5k

点赞数 1

CC 4.0 BY-SA版权

文章标签：移动开发 ui java

本文链接：https://blog.youkuaiyun.com/iteye_2284/article/details/82679079

本文介绍了JavaFX中FXController在UI和事件处理中的应用。通过创建FXML界面和MainController类，展示了如何使用Controller Class处理事件，以及如何像Android那样通过lookup方法查找控件并添加事件。在e(fx)clipse新版本中，FXController的生成更加便捷。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在JavaFX的UI开发中，FXController是个很重要的东西，主要是用于UI层和事件层分离。

事实上，JavaFX使用FXML来开发UI界面，有多种形式来监听我们的事件，下面我们来细看。

1.通过Controller Class来处理事件

首先我们创建一个简单的界面，包含一个Button和一个Label。

如下图:

Label的fx:id设置为mLabel，Button的fx:id设置为mButton，同时将Button的onAction设置为onButtonClick。

如下图所示:

然后我们创建一个MainController类，写下如下代码:

[java]view plaincopy
        
    
import javafx.fxml.FXML;  
import javafx.scene.control.Button;  
import javafx.event.ActionEvent;  
import javafx.scene.control.Label;  
  
public class MainLayoutController {  
    @FXML  
    private Button mButton;  
    @FXML  
    private Label mLabel;  
      
    @FXML  
    public void onButtonClick(ActionEvent event) {  
        mLabel.setText("HelloWorld");  
    }  
}  

记住，我们需要在FXML的最上层添加fx:controller = "" 指向自己的MainController类（带包名）。

我们的Main类如下:

[java]view plaincopy
        
    
import javafx.application.Application;  
import javafx.fxml.FXMLLoader;  
import javafx.stage.Stage;  
import javafx.scene.Parent;  
import javafx.scene.Scene;  
  
  
public class Main extends Application {  
    @Override  
    public void start(Stage primaryStage) {  
        try {  
            Parent parent = FXMLLoader.load(getClass().getResource("MainLayout.fxml"));  
            Scene scene = new Scene(parent,300,200);  
            scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());  
            primaryStage.setScene(scene);  
            primaryStage.show();  
        } catch(Exception e) {  
            e.printStackTrace();  
        }  
    }  
      
    public static void main(String[] args) {  
        launch(args);  
    }  
}  

通过FXMLLoader加载FXML，并添加到Scene里面。

运行效果如下:

当我们点击按钮的时候，文本内容变成HelloWorld。

这个就是我之前的文章中曾经讲过的事件方式。

2.像Android一样处理事件

接下来，我们来看看另外一种处理事件的方式。

事实上，JavaFX提供类似于Android的一些方法，我们可以通过fx:id来查找指定的控件，并通过代码实现我们的事件。

我们将上面的Main方法改动一下如下:

[java]view plaincopy
        
    
import javafx.application.Application;  
import javafx.fxml.FXMLLoader;  
import javafx.stage.Stage;  
import javafx.scene.Parent;  
import javafx.scene.Scene;  
import javafx.scene.control.Button;  
import javafx.scene.control.Label;  
  
  
public class Main extends Application {  
    @Override  
    public void start(Stage primaryStage) {  
        try {  
            Parent parent = FXMLLoader.load(getClass().getResource("MainLayout.fxml"));  
            Label label = (Label)parent.lookup("#mLabel");  
            Button button = (Button)parent.lookup("#mButton");  
            button.setOnAction(e ->{  
                label.setText("HelloWorld JavaFX");  
            });  
            Scene scene = new Scene(parent,300,200);  
            scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());  
            primaryStage.setScene(scene);  
            primaryStage.show();  
        } catch(Exception e) {  
            e.printStackTrace();  
        }  
    }  
      
    public static void main(String[] args) {  
        launch(args);  
    }  
}  