使用javafx+构建gui+教程.pdf

使用 JavaFX 构建 GUI 教程 使用声明性语法 您是否熟悉声明性编程？JavaFX Script 使用的就是这种简单而强大的编码样式。本课通过指 导您创建一个简单的 GUI 应用程序来展示使用声明性语句是多么容易。有关更多信息，请 参阅学习 JavaFX Script 编程语言中的编写脚本、使用对象和编写您自己的类。 正如您在学习 JavaFX Script 编程语言中所了解的那样，JavaFX Script 使用 声明性方法进行编程。在创建应用程序的 UI 时，声明很方便，因为在代码中声 明的对象的结构反映了场景图形的视觉结构，这样您就能很轻松地理解和维护代 码。有关场景图形的更多信息，请参见在图形场景中显示 UI 对象。 为帮助您理解此方法，在本课中，您将按照逐步操作过程创建一个简单的样例 JavaFX Script 应用程序，该应用程序将绘制一个绿色的圆角矩形，并在该矩形 上面绘制一个具有红色轮廓线的白色圆。这两个对象都位于标题为 Declaring Is Easy!! 的窗口中。运行此应用程序时，将显示以下窗口。 图 1：完整的应用程序 通过执行以下步骤，您将学会如何在构建应用程序时使用声明性语句。 创建一个扩展名为 .fx 的文件，例如 Declaring.fx。避免使用与现有的类、 实例变量或保留字的名称匹配的文件名，因为这会在编译过程中导致错误。有关 现有的类、变量和保留字的更多信息，请参见 JavaFX Script API 和 学习 JavaFX Script 编程语言。 您可以在任意时间使用以下命令编译您的代码： javafxc Declaring.fx 您可以使用以下命令运行编译的代码： javafx Declaring 添加必要的导入 将导入添加到 .fx 文件中，以确保此应用程序可以访问必要的类。 import javafx.stage.Stage; //required to render a window import javafx.scene.Scene; //required to display a circle and rectangle on a window import javafx.scene.shape.Rectangle; //required to render the rectangle import javafx.scene.paint.Color; //required to fill and stroke the rectangle and circle with color import javafx.scene.shape.Circle; //required to render the circle 创建应用程序窗口 为了显示图形，需要创建一个窗口。 创建窗口： 1. 指定 Stage 对象字面值。绘制任何对象都需要使用 Stage。 Stage {} 这等效于： Stage { } 2. 此窗口应该足够大，以便能够将矩形和圆都显示出来。在本示例中，此窗 口是一个 249 x 251 像素的矩形。要创建如此大小并且标题为 Declaring is Easy 的窗口，请在花括号中使用以下代码声明这些值： Stage { title: Declaring Is Easy! width: 249 height: 251 visible: true } 冒号左边的词 title、width、height 和 visible 称作实例变量，您可以 参阅 Stage 文档以获取可用变量的完整列表。title 将 Declaring Is Easy 短语放在窗口的顶部边框中。width 和 height 是像素值。有关 JavaFX Script 中对象字面值、类和实例变量的更多信息，请参见语言教程中的编写脚 本和使用对象。 当您运行目前已定义的代码时，将会看到以下窗口。 图 2：空窗口 设置场景 在 stage 内，设置用来容纳 Node 对象（如圆或矩形）的 scene。使用以下代 码创建 Scene： Stage { ... scene: Scene { content: [ ] } } 此场景是用来放置节点类型的对象的根区域。此场景具有一个用来容纳节点的