JavaFx第一课

第 1 课：JavaFX Script 入门


准备好研究 JavaFX Script 编程语言了吗？太棒了！本课介绍在开始之前必须在系统上安装的软件。同时还提供用于编译和运行您的第一个应用程序的 NetBeans IDE 和命令行说明。
目录
- 第 1 步：下载并安装 JDK
- 第 2 步：选择开发环境
- 第 3 步：下载并安装 JavaFX 编译器和运行时
第 1 步：下载并安装 JDK

JavaFX Script 编程语言基于 Java 平台，因此要求在系统上安装 JDK 5 或 JDK 6（6 更快）。如果您尚未安装，请立即下载并安装 JDK 6 或 JDK 5，然后继续学习本教程。
第 2 步：选择开发环境

就选择开发环境而言，有两大类供选择：集成开发环境 (Integrated Development Environment, IDE) 和纯文本编辑器。选择哪一种完全取决于个人喜好，但是下面的综述可以帮助您在作决定时更有依据。
一般而言：
IDE 提供一个集各种功能于一身的完整开发环境。您可以下载一个能够提供编译/运行/调试应用程序所需全部内容的软件（或是该软件的一个插件）。IDE 以图形用户界面 (Graphical User Interface, GUI) 元素形式提供最常用的函数，此外还提供许多有用的功能（如代码自动完成和自定义源代码视图）。IDE 还可以立即为您提供有关错误的反馈并突出显示代码以使它们更便于理解。JavaFX Script 编程语言正式支持的 IDE 是 NetBeans IDE 6.5.1。NetBeans IDE Web 站点提供了有关下载、安装和配置该 IDE 的说明。
文本编辑器比较简单而且更为用户所熟悉。有经验的程序员通常依赖他们所选择的文本编辑器，他们喜欢尽可能地在该环境中工作（某些编辑器－如 vi－具有一组丰富的内置击键命令，有些程序员几乎离不开这些命令！）如果您已经有一个首选编辑器，请放心您可以下载每节课的示例代码，作为 .fx 源文件在您选择的编辑器中使用。
第 3 步：下载并安装 JavaFX 编译器和运行时

JavaFX Script 编程语言是编译型语言，这意味着您编写的任何源代码都必须首先转换为 Java 字节码（Java 虚拟机所采用的语言）才能在系统上运行。不论您使用哪种开发环境（命令行或 IDE）都是如此。在安装 JDK 并选择开发环境之后，您需要下载并安装 JavaFX Script 编译器和运行时。获取此软件的最简单方法是下载整个 JavaFX SDK，该 SDK 提供 NetBeans IDE（可选）、编译器、运行时和许多其他工具。
另一种方法是仅从 OpenJFX 项目 Web 站点下载最新的编译器二进制文件。编译器本身是用 Java 编程语言编写的；因此，安装预先编译的二进制文件将涉及到提取已下载的文件并将 javafxc 和 javafx 工具添加到您的路径中。PlanetJFX Wiki 上提供了此方法的完整说明。
最后，如果您颇具创新意识，则可以加入 OpenJFX Compiler 项目，创建您自己的编译器工作区副本，然后亲自从编译器源文件生成所有内容。（如果选择该方法，您还需要 1.7.0 版本的 Apache Ant，以及 Mercurial 的最新副本）。
使用 NetBeans IDE
如果选择了 NetBeans IDE 6.5.1 作为开发环境，您可以使用下列说明为您的第一个脚本创建项目：一个简单的计算器。
步骤 1：创建一个新项目启动 NetBeans IDE 6.5.1 并选择 File | New Project。当出现新建项目向导时，选择 JavaFX 类别，然后按 Next 继续。


此图片已缩小以适合您的屏幕。单击图片可查看大图。

步骤 2：选择项目名称和位置接下来，键入 "Calculator" 作为项目名称。NetBeansIDE 将在您的系统上为该项目提供默认位置。您可以采纳此建议，也可以指定一个新位置。确保选择 "Empty Project" 并选中 "Set as Main Project"，但不要选中 "Create Main File" 复选框。完成后按 "Finish" 按钮。


此图片已缩小以适合您的屏幕。单击图片可查看大图。

步骤 3：向项目添加源文件IDE 的左侧包含一个文件浏览器窗口，如下所示。可以看到 "Calculator" 项目已存在，但目前还没有源文件：



要向项目添加源文件，请选择 File | New File。选择 JavaFX 类别和 Empty JavaFX File 文件类型：


此图片已缩小以适合您的屏幕。单击图片可查看大图。

然后键入 "Calculator" 作为文件名，但将软件包选择保留为空。您会在屏幕底部看到一条软件包警告，但现在可以忽略该警告；在本教程中，绝大多数情况下都会将代码放置到默认的软件包中。完成后按 "Finish" 按钮。


此图片已缩小以适合您的屏幕。单击图片可查看大图。

步骤 4：粘贴源代码，编译并运行应用程序！文件浏览器现在显示 Caclulator.fx 为默认软件包的一部分。源代码编辑器（右边窗格）现在包含一些默认代码，您可以放心地删除这些代码：


此图片已缩小以适合您的屏幕。单击图片可查看大图。

将 calculator.fx 的内容粘贴到该位置。一些关键字现在是突出显示的，说明编辑器现在可以识别 JavaFX Script 编程语言的语法：


此图片已缩小以适合您的屏幕。单击图片可查看大图。

现在请在屏幕上方寻找以下按钮：


此图片已缩小以适合您的屏幕。单击图片可查看大图。

按下中间的绿色按钮编译并运行该应用程序：


此图片已缩小以适合您的屏幕。单击图片可查看大图。

您应该会看到类似上图的输出。如果看到这样的输出，那么恭喜您，您的项目成功运行了！
使用命令行
如果您仅使用命令行，请将 calculator.fx 保存到您选择的目录下。假设 JDK 和 JavaFX SDK 已安装并位于您的路径下，您应该可以使用以下命令来编译此程序：
javafxc calculator.fx
在编译之后，您将发现相应的 Java 字节码已经生成并且放置在一个名为 calculator.class 的文件中。您可能还注意到创建了另一个文件 calculator$Intf.class。该支持文件是运行此应用程序所必需的，您可以将其忽略，但不要删除它。
现在您可以在 Java 虚拟机中使用以下命令运行经过编译的类：
javafx calculator
输出为：
100 + 2 = 102100 - 2 = 98100 * 2 = 200100 / 2 = 50
该应用程序可能比较小，但通过它您了解了一些重要的编程语言结构（将在下节课中讨论）。了解这些结构是掌握 JavaFX Script 编程语言的第一步。