首先我们来安装JavaFX Script. For Eclipse插件,官方的安装说明在这里,安装步骤如下:
启动Eclipse/FlexBuilder;
从主菜单选择 Help > Software Updates > Find and Install;
在Install/Update对话框中, 选择Search for New Features to Install然后点击Next;
点击New Remote Site;
在New Update Site对话框中,在Name中输入JavaFX;
在URL中输入:点击OK;
在Install窗口中点击Finish;
在Updates对话框中选择JavaFX > JavaFX node > 然后点击Next;
接受协议并点击Next;
点击Next和Finish;
在Verification对话框中选择Install All;
安装完成后重启Eclipse,JavaFX Script. Eclipse 插件就安装完成了。
新建JavaFX工程
以上准备好了JavaFX Script的Eclipse开发环境,现在我们来实际开始JavaFX Script之旅。
我们需要创建一个Java工程来存放我们的JavaFX Script文件。
从Eclipse的主菜单选择New > Project
在选择工程向导窗口中选择Java Project
点击Next
输入Project Name为:JavaFXapp
不需要添加JavaFX Script. Lib,运行JavaFX Script程序时,Eclipse会自动添加并设置环境的。点击Finish,完成。
现在JavaFXapp工程就创建好了,如下图:
创建我们第一个JavaFX程序
现在,开始用Eclipse创建我们第一个JavaFX HelloWorld 程序。
右击JavaFXapp > New > Other
在New窗口中选择JavaFX > JavaFX File,
点击Next,在File name输入:HelloWorld.fx,
点击Finish,HelloWorld.fx就被添加到JavaFXapp工程中,并且在右边自动被打开了。
将下面代码粘贴到HelloWorld.fx中:
import JavaFX.ui.*;Frame{ title:"Hello World JavaFX" width:200 height:50 content:Label{ text:"Hello World" } visible:true}运行我们的第一个JavaFX程序
现在让我们用Eclipse运行我们的第一个JavaFX程序。
在Eclipse主菜单,选择Run > Run...:
在Run窗口中,双击JavaFX Application:
然后在Name输入:HelloWorld:
点击Arguments,在Program arguments中输入我们的JavaFX程序名称:HelloWorld,这里的名称与Java类名一致,如果我们的HelloWorld存放在prac目录下,那们就输入prac.HelloWorld:
点击Run,自动编译运行,将出现下面运行窗口:
恭喜,我们现在完成了第一个JavaFX程序。
语法解释
正如您在前面章节看到的,JavaFX语言提供了一种用于表述用户界面组件结构和内容的声明式的语法(Declarative Syntax)。为了帮助您理解发生了什么,我们使用类似于Swing的纯程序的形式(类似AS3)重写以上代码:
var win =newFrame();win.title="Hello World JavaFX";win.width=200;var label =newLabel();label.text="Hello World";win.content= label;win.visible=true;以上源代码同样是正确的JavaFX程序并且和前面的运行效果相同。
以下同时说明了以上声明式和程序式方式的代码实际发生了什么:
调用Frame类构造器创建一个新的Frame。
对Frame的title、width、visible和content属性进行赋值。
在content属性的赋值过程中,调用Label类构造器创建了一个新的Label,并且给它的text属性赋了一个值。
但是,即使像这里这么极端简单的示例中,描述性语法编写的程序的意识还是更加容易理解。
因为声明式编程(declarative programming)可以从单个表达式创建程序,如前面第一个例子,表达式的根一般为一个生成程序