JavaFX Script With Eclipse 入门

最近Java社区最火的就是JavaFX Script的发布了，并且Sun同时公开了JavaFX Script的开源网站：openJfx，JavaFX Script是Sun的RIA解决方案，是一种用于编写能够在支持Java的PC和手机上运行的应用软件的更简单的脚本语言。其编写的程式能直接在Java虚拟机上运行(Java 1.5以上)，从其运行的环境、方式看，这是Adobe Apollo的劲敌，其运行的效果大家能查看官方的演示程式(注意，需要Jre 1.5)，效果非常惊人的哦。下面是其中一个演示的效果图：

从语法来看，JavaFX Script是个Java和VRML的混合体，既有Java的好处(面向对象，继承等等)，又有VRML的好处(图像描述)。在IDE支持方面，目前及推出NetBeans和Eclipse的插件，虽然功能还不是非常强大，但相信等JavaFX Script正式发布的时候，IDE方面的支持会持续加强的，比如可视模式的UI编辑、语法提示等。

　　OpenJfx官方有一个基于NetBeans的JavaFX Script 起步，考虑到Flex研发中eclipse(FlexBuilder)的使用情况，今天我们将基于Eclipe来一起开始我们的JavaFX Script发现之旅。文中除了将原文的使用NetBeans更改为Eclipse，其他均翻译自官方文件。

　　要完成我们今天的旅途，你首先需要安装Eclipse 3.2.2，及安装FlexBuilder也能，另外如果你的Jre版本低于1.5请升级。

　　安装JavaFX Script For Eclipse插件

　　首先我们来安装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中输入：http://download.java.net/general/openjfx/plugins/eclipse/site.xml;
• 　　点击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 = new Frame();
　　win.title = "Hello World JavaFX";
　　win.width = 200;
　　var label = new Label();
　　label.text = "Hello World";
　　win.content = label;
　　win.visible = true;

　　以上原始码同样是正确的JavaFX程式并且和前面的运行效果相同。