在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);??

????}??

}??

?

? 我們通過lookup根據fx:id來查找控件，并添加事件處理。

? 運行效果如下:

?

? 大家可以明顯看見，我們通過lookup查找到控件后，添加的事件覆蓋了FXController中的事件。

? 這就是另外一種類似Android的查找控件-添加事件的模式，可以根據自己的需要酌情處理。

?

? 另外在e(fx)clipse 1.1版本里面，已經可以像Nebeans一樣，通過fxml自動生成FXController了，還是非常的方便的。

文章轉載:http://blog.csdn.net/ml3947

總結

以上是生活随笔為你收集整理的JavaFX之Controll用法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。