如何把fxml文件和java代码编写的事件控制器相关联
发布网友
共3个回答
热心网友
现在创建控制器来管理按钮事件。本例演示如何把FXML和Java代码编写的事件控制器相关联。
在Projects窗口，右击 Sample.java，选择 Refactor-- Rename .
输入FXMLExampleController后点击Refactor .
打开FXMLExampleController.java删除代码，用下面的代替 Example
9 .
Example 9
FXMLExampleController.java
package fxmlexample;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.scene.control.Label;
public class FXMLExampleController {
@FXML private Label buttonStatusText;
@FXML protected void handleSubmitButtonAction(ActionEvent event) {
buttonStatusText.setText("Submit button pressed");
}
@FXML protected void handlePasswordFieldAction(ActionEvent event) {
buttonStatusText.setText("Enter key pressed");
}
}
@FXML注解用来标识非公开控制器成员和方法。
作为Java的补充，也可以使用其他编译型语言如Scala来实现控制器。.
现在可以运行了。输入内容点击Submit试试。
想要完整代码，请下载 FXMLExample.zip .
使用脚本语言
除了使用Java创建控制器，可以使用任何提供JSR223-可编译脚本引擎的语言。比如 JavaScript,
Groovy, Jython, 还有Clojure.下面是用 JavaScript编码FXML的。
在fxml_example.fxml文件中，添加JavaScript声明到XML声明后。
<?language javascript?>
在 Button标记中，改变方法名称
:
onAction="handleSubmitButtonAction(event);"
更新标记PasswordField :
onAction="handlePasswordFieldAction(event);"
移除fx:controller 从 BorderPane标记中，在
<script>中添加js方法 ，见Example
10 .
Example 10 JavaScript in FXML
<BorderPane xmlns:fx="http://javafx.com/fxml">
<fx:script>
function handleSubmitButtonAction() {
buttonStatusText.setText("Calling the JavaScript");
}
function handlePasswordFieldAction(event) {
buttonStatusText.text = "More JavaScript";
}
</fx:script>
当然也可以把js方法写进外部文件 (比如 fxml_example.js)然后像下面这样引用:
<fx:script source="fxml_example.js"/>
使用脚本编写FXML，调试时可能不会步入函数体。
使用样式表
使用内联样式，也可以添加样式表然后为结点设置关联。下面创建了样式表来定义网格布局和标签控件的样式。
创建样式表.
在Projects窗口，右击fxmlexample文件夹，选择New -- Other .
在 New File对话框中，选择Other -- Cascading Style Sheet , 然后 Next .
输入 fxmlstylesheet后点击Finish .
用下面的代码代替原来的代码 Example
11 .
Example 11 Contents of Style
Sheet
@charset "utf-8";
/*
Document : FXMLstylesheet.css
*/
.grid-pane {
-fx-padding: 80 0 0 0;
}
.label {
-fx-font: normal 36px Tahoma;
}
打开 FXMLExample.java，把样式表加入到下面代码前面 s tage.show() .scene.getStylesheets().add("fxmlexample/fxmlstylesheet.css");
打开 fxml_example.fxml添加样式类.
为<String>元素添加导入语句。
<?import java.lang.*?>
用下面代码代替GridPane Example
12 .
Example 12 Style Class for Grid
Pane
<GridPane alignment="top_center" hgap="8" vgap="8">
<styleClass>
<String fx:value="grid-pane"/>
</styleClass>
用下面代码代替"Sign In" Label 。 Example
13 .
Example 13 Style class for
Label
<Label text="%signIn"
GridPane.columnIndex="0" GridPane.rowIndex="0">
<styleClass>
<String fx:value="label"/>
</styleClass>
</Label>
使用<styleClass>
标签时，风格会应用到所有的类，除非它有自己的内联风格。所以Example
13 中的更改不仅应用到了 Sign
In标签，也赋予了Username 和Password标签。但不会应用到Login Example标签，因为它有自己的内联样式，覆盖了其他风格。
热心网友
一，瘦客户端，富客户端简介
富客户端【RIA】开发可以有多种，主要的有 MS C# Silverlight， Adobe Flash/Flex，Oracle Java JavaFX，有些运行在浏览器中，有些运行在浏览器外；
瘦客户端主要是指 HMTL+JS+CSS 在浏览器中运行的系统。
二，JavaFX 环境搭建
目前很多游戏或系统还很多使用富客户端开发，这里介绍Java 的 JavaFX ，使用JavaFX开发，首先就是开发环境的搭建，JavaFX的搭建环境需要如下：
1，java JDK ，是运行java必备的环境，安装后还设置系统环境变量等，使用 J2SE 7+版,
2，Eclipse ，优秀的 Java 的集成开发环境，使用 V3.7.2 版本,
3，javaFX 插件 JavaFX Scene Builder 1.0，用来开发界面UI，即 .fxml 文件的生成，支持随见即所得的效果，
4，javaFX 插件下载后安装到Eclipse开发环境中，如何安装具体忘了，可以参考 JavaFX 工具安装和用法介绍 http://efxclipse.org/
三，开发步骤
安装了上面的软件之后，即可开发JavaFX项目了，步骤一般是：
1，在Eclipse中新建一个项目或 Maven项目；
2，使用插件工具开发建立 .fxml 文件，即程序UI界面；
3，编写界面对应的控制器Java类文件，类继承哪个控件类[可视具体情况定]，实现哪个接口[可视具体情况定]；
4，编写一个主类，用于启动程序，加载各种资源；
不过CSDN前端时间[2012.09]有报道将来瘦客户端才是王道，发展主流的主要趋势。
热心网友
在FXML文件的根添加属性 ‘fx:controller="application.Demo"’，把application包下的Demo控制类绑定到该fxml文件
