最近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/e clipse/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中: 运行我们的第一个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)重写以上代码: 以上原始码同样是正确的JavaFX程式并且和前面的运行效果相同。
从语法来看,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/e clipse/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中: 运行我们的第一个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)重写以上代码: 以上原始码同样是正确的JavaFX程式并且和前面的运行效果相同。