JavaFX脚本入门

最新推荐文章于 2025-06-24 11:17:16 发布

最新推荐文章于 2025-06-24 11:17:16 发布 · 128 阅读

文章标签：

原文地址： http://www.onjava.com/pub/a/onjava/2007/07/27/introduction-to-javafx-script.html

JavaFX是什么？

在2007年春季Sun发布了一个新的框架，叫做JavaFX。这只是一个通用性的名字，因为JavaFX有两个主要的组成部分：脚本（Script）和移动（Mobile），并且，将来Sun会开发为它开发更多的部分。
JavaFX的核心是JavaFX脚本，它是一种声明型的脚本语言。它和Java代码非常不同，但是却与Java类保持了高度的交互性。JavaFX脚本的很多类被设计用来更加容易地实现Swing和Java2D功能。使用JavaFX脚本，你只需要几行简单易懂的代码就可以开发GUI、动画和文字及图像炫酷效果。另外，还可以把Java和HTML代码封装到JavaFX脚本中。
第二个组成部分，JavaFX移动（JavaFX Mobile），是用来为移动设备开发Java应用的平台。最终它必将成为JavaFX脚本的主要平台，但是现在和本文内容并不相关。

JavaFX应用程序的一些示例（Some Examples of JavaFX Applications）

在我们开始学习一门新的语言之前，先看一些JavaFX代码的示例。可以在 JavaFX的官方网站上找到一些很好的示例资源。点击 JavaFX脚本2D图形指南（JavaFX Script 2D Graphics Tutorial）下载这些示例。在下载完成后，只需双击 tutorial.jnlp文件。几秒后，你就应该可以如图1所示的程序（如果没有看到，那么你必须配置Java Web Start支持 .jnlp后缀。）

图1 运行tutorial.jnlp指南

花些时间浏览一下这些示例及其源码。其中有些有趣的效果使用几行JavaFX代码就可以实现。
如果你仍旧对JavaFX的功能有所怀疑，那就看一下这两个demo：StudioMoto和Tesla Motors网站的部分重建。点击 JavaFX Script Studiomoto Demo和 JavaFX Script Tesla Demo可以下载它们的demo。它们都需要使用Java Web Start来运行，根据系统配置的不同，它们可能自动启动，或者需要手动运行下载.jnlp文件。

下载和安装JavaFX（Download and Install JavaFX）

如果你有兴趣学习开发JavaFX应用程序，那么你应该知道至少三种使用JavaFX的工作方式。同样，了解JavaFX应用程序不是基于浏览器的也非常重要。最简单、最快的方式是基于一个称为JavaFXPad的轻量级工具。使用这个工具最大好处是，可以几乎是立即看到在编辑器上做的任何改变的效果。点击 JavaFX Script JavaFXPad Demo从Project OpenJFX上下载这个工具。再次说明，需要使用Java Web Start运行该工具（见图2）。

图2 运行JavaFXPad编辑器

使用JavaFX脚本的另外一个方式是使用NetBeans5.5的JavaFX脚本插件或者Eclipse3.2的JavaFX脚本插件（当然，在下载和安装这些插件之前，你必须已经安装了NetBeans 5.5或者Eclipse 3.2）。
如果你决定使用NetBeans5.5 JavaFX插件开始，那么在Project OpenJFX上的 JavaFX for NetBeans指南应该有所帮助。类似地，如果想使用Eclipse的JavaFX插件，就去 JavaFX for Eclipse。注意，本文的所有示例都在NetBeans5.5的JavaFX插件上通过了测试，同样应该可以在其他列出的方式中运行。

使用NetBeans5.5的JavaFX插件测试Hello World应用程序（Testing the Hello World Application with JavaFX Plug-In for NetBeans5.5）

按照学习新语言的同样方式，我们首先编写一个必不可少的Hello World程序：
代码表1

import javafx.ui. * ;

import java.lang.System;

Frame ... {

centerOnScreen:true

visible:true

height:50

width:350

title:"HelloWorldapplication..."

background:yellow

onClose:operation()...{System.exit(0);}

content:Label...{

text:"HelloWorld"

}

要在NetBeans5.5中开发和运行这个简单的示例，有以下步骤：
1、启动NetBeans5.5。
2、从主菜单中选择File->New Project。
3、在New Project窗口中，选择General，接着是Java Application（点击Next）。
4、在New Java Application窗口中，在Project Name文本框中输入“FXExample”。
5、在同一个窗口中，使用Browse按钮选择项目的存放位置。
6、取消选择“Set as main project”和“Create main class”复选框（点击Finish）。
7、右键点击FXExample->Source Packages，然后选择New->File/Folder。
8、在New File窗口中，选择Other，然后是JavaFX File文件类型（点击Next）。
9、在New JavaFX File窗口中，File Name输入“HelloWorld”，Folder输入“src”（点击Finish）。
10、从代码表1中复制代码，粘贴到 HelloWorld.fx中。
11、右键点击一个FXExample项目，选择Properties。
12、在Project Properties - FXExample中，从Categories面板中选择Run节点。
13、在Arguments文本框中输入“Hello World”（点击OK）。
14、右键点击 FXExample项目，选择Run Project选项。
如果一切正常，应该可以看到图3所示的框架：
在NetBeans5.5中运行Hello World程序

图3 在NetBeans5.5运行Hello World应用程序

现在已经有了开发和运行JavaFX程序的软件支持。

JavaFX语法（JavaFX Syntax）

在开始JavaFX之前，我们首先看一下语法中的一些亮点（fine points）。如果已经熟悉Java语言的语法，那么JavaFX的大部分语法看起来非常相似，但是其中一些完全不同。

JavaFX的原始类型（JavaFX Primitive Types）

JavaFX支持四种原始类型： String（对应 java.lang.String）、 Boolean（对应 java.lang.Boolean）、 Number（对应 java.lang.Number）和 Integer（对应 byte、 short、 int、 long、 BigInteger）。

JavaFX的变量（JavaFX Variables）

JavaFX的变量使用 var关键字声明，如下例所示：

varx:Number = 0.9 ;

varname:String = " John " ;

vary:Integer = 0 ;

varflag:Boolean = true ;

varnumbers:Number = [ 1 , 2 , 3 , 4 , 5 ];

JavaFX操作符（JavaFX Operators）

在Java中被熟知的操作符&&、||和!，在JavaFX中为：
Java：&& JavaFX：and
Java：|| JavaFX：or
Java：! JavaFX：not

JavaFX函数（JavaFX Functions）

JavaFX支持函数。下面是一个简单的函数示例，包含了参数、变量声明和一个返回语句：

functiontaxes(x) ... {

vart:Number=(19.0/100.0)*x;

returnt;

}

JavaFX if语句（JavaFX if Statement）

在JavaFX中，可以通过 if语句构造条件语句块。在 if语句中必须使用花括号。如果 else子句是另外一个 if语句，可以跳过花括号：

if (place_your_condition_here) ... {

//dosomething

} else if (place_your_condition_here) ... {

//dosomething

} else ... {

//dosomething

}

JavaFX while语句（JavaFX while Statement）

JavaFX的 while语句类似Java的 while语句。该语句中要必须包含花括号：

while (place_your_condition_here)

... {

//dosomething

}

JavaFX for语句（JavaFX for Statement）

for语句用来在一个区间（区间使用方括号[]和..符号表示）上循环：

// iwilltakethevalues:0,1,2,3,4,5

for (iin[ 0 .. 5 ])

... {

//dosomethingwithi

}

JavaFX过程（JavaFX Procedures）

JavaFX的过程使用 operation关键字标识。下面是一个简单的示例：

operationstartClock() ... {

do...{

while(true)

...{

if(seconds>=360)

...{seconds=0;seconds=[0,6..360]dur60000linear;}

if(minutes>=360)

...{minutes=0;minutes=[0,6..360]dur3600000linear;}

if(hours>=360)

...{hours=0;hours=[0,6..360]dur43200000linear;}

}

JavaFX类（JavaFX Classes）

JavaFX的类使用 class关键字标识。JavaFX的类可以继承多个类，使用 extends关键字，其后面是逗号分隔的那些基类的名称。在花括号中，可以放置属性、函数和操作，如下例所示：

class Order ... {

attributeorder_nr:String;

attributeordertype:OrderinverseOrder.products;

attributeproducts:Order*inverseOrder.ordertype;

functiongetOrderNr():String;

operationaddOrder(order:Order);

}

注意，属性使用 attribute关键字声明，并且函数体和过程体并不在类的内部。它们在类声明的后面定义，接下来就可以看到。
inverse子句是可选的，它说明了该属性和类的其他属性的双向关系。如此，JavaFX可以自动执行更新（插入<insert>、替换<replace>和删除<delete>）。
可以在Java.net上找到更加完整的指南。

玩转JavaFX（Playing Around wih JavaFX）

在这一部分中，我们将会看到一系列示例，涵盖JavaFX各种功能和特性。这些示例的主要目的是使你熟悉JavaFX的代码编写和JavaFX程序的逻辑。第二个目的是使你确信，当你需要使用几行代码开发酷GUI、动画和漂亮的效果时，应该优先考虑JavaFX。所有的例子都将会介绍JavaFX的特定技巧。
每个例子之前都有一段描述，所有不要期望行注释。只要你亲自运行，所有的这些例子都应该是非常容易理解的，我们开始吧。
当需要使用System.out.println 打印变量/属性的值时，可以替换引号中间的其名称，如代码表2所示：
代码表2

// expressionswithinquotedtext

import java.lang.System;

varmynumber:Number = 10 ;

System.out.println( " Numberis:{mynumber} " );

结果是：Number is: 10

JavaFX支持一个非常有用的功能，即变量基数。这个功能使用接下来的三个操作符实现：
?：可选（可能是null）
+：1或多个
*：0或多个

代码表3：

// cardinalityofthevariable

import java.lang.System;

varmynumbers:Number * = [ 1 , 2 , 7 ];

System.out.println( " Numbersare:{mynumbers} " );

结果是：Numbers are: 1 2 7

JavaFX中，变量声明时没有指定变量的类型。这并不会产生错误，因为JavaFX会根据变量的用法自动判断其类型。
代码表4：

// thevariable'stypeisoptional

import java.lang.System;

vardays = [ " Monday, " , " Friday, " , " Sunday " ];

System.out.println( " Youhavetowork:{days} " );

结果：You have to work: Monday, Friday, Sunday

可以使用sizeof操作符获得数组的大小：
代码表5：

// gettingthesizeofanarray

import java.lang.System;

varlotto = [ 21 , 30 , 11 , 40 , 5 , 6 ];

System.out.println( " Arraysize:{sizeoflotto} " );

结果：Array Size: 6
要从一个数组中获得其满足条件的子数组，可以使用[]操作符。条件包含在[]中，求值结果为Boolean类型。这很类似于XPath谓词。
代码表6：

// usingthe[]operator-similartoitsuseinXPath

import java.lang.System;

varmynumbers = [ 1 , 2 , 7 , 3 , 30 , 15 , 14 , 6 , 4 ];

varnumbers = mynumbers[n | n < 10 ];

System.out.println( " Numberssmallerthat10are:{numbers} " );

结果：Numbers smaller than 10 are: 1 2 7 36 4
可以使用indexof操作符得到数组中某一位置上的元素：
代码表7：

// returningtheordinalpositionofanelementwithinanarray

import java.lang.System;

varmynumbers = [ 1 , 2 , 7 , 3 , 30 , 15 , 14 , 6 , 4 ];

varnumber_four = mynumbers[indexof. == 4 ];

System.out.println( " Numberfour:{number_four} " );

结果：Numberof four: 30

当需要向数组中插入一个元素时，可以使用insert语句和下面中的一个：
at first：插入到第一个位置
at last：插入到最后一个位置上（默认值）
before：在某个位置之前插入
after：在某个位置之后插入
从数组中删除一个元素时，可以使用delete语句：
代码表8：

// insertanddeletestatement

import java.lang.System;

varmynumbers = [ 1 , 2 , 7 ];

System.out.println( " Beforeinsertinganything:

... {mynumbers} " );

insert 10 intomynumbers;

System.out.println( " Afterinsertingattheend

the " 10"value:{mynumbers} " );

insert[ 8 , 6 , 90 ]asfirstintomynumbers;

System.out.println( " Afterinsertingatthefirst

positionsthe " 8,6,90"values:{mynumbers} " );

insert 122 aslastintomynumbers;

System.out.println( " Afterinsertingatthe

endthe " 122"value:{mynumbers} " );

insert 78 beforemynumbers[ 3 ];

insert 11 aftermynumbers[ 3 ];

System.out.println( " Afterinsertingthe"78"

and " 11"valuesbefore/afterthe3rd

element: ... {mynumbers} " );

deletemynumbers[. == 122 ];

System.out.println( " Afterdeleting:{mynumbers} " );

结果：
Before inserting anything: 1 2 7
After inserting the 10 value atthe end: 1 2 7 10
After insertingthe 8, 6 and90 values at the first position: 8 6 90 1 2 7 10
After inserting the 122 value atthe end:8 6 90 1 2 7 10
After inserting the 78 and 1 value before/after the 3rd element: 8 6 90 78 11 1 2 7 10 122
After deleting: 8 6 78 11 1 2 7 10

JavaFX的一个重要的功能是其list comprehension。这个功能由select和foreach操作符实现。这里有两个从一个区间获得偶数的例子（一个使用select，一个是用foreach）。
代码表9：