使用JavaFX+构建GUI+教程

《使用JavaFX+构建GUI+教程》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、使用JavaFX构建GUI教程使用声明性语法您是否熟悉声明性编程？JavaFXScript使用的就是这种简单而强大的编码样式。本课通过指导您创建一个简单的GUI应用程序来展示使用声明性语句是多么容易。有关更多信息，请参阅学习JavaFXScript编程语言中的编写脚本、使用对象和编写您自己的类。正如您在学习JavaFXScript编程语言中所了解的那样，JavaFXScript使用声明性方法进行编程。在创建应用程序的UI时，声明很方便，因为在代码中声明的对象的结构反映了场景图形的视觉结构，这样您就能很轻松地理解和维护代码。有关场景图形的更多信息，请参见在图形场景中显示UI对象。为帮

2、助您理解此方法，在本课中，您将按照逐步操作过程创建一个简单的样例JavaFXScript应用程序，该应用程序将绘制一个绿色的圆角矩形，并在该矩形上面绘制一个具有红色轮廓线的白色圆。这两个对象都位于标题为"DeclaringIsEasy!!"的窗口中。运行此应用程序时，将显示以下窗口。图1：完整的应用程序通过执行以下步骤，您将学会如何在构建应用程序时使用声明性语句。创建一个扩展名为.fx的文件，例如Declaring.fx。避免使用与现有的类、实例变量或保留字的名称匹配的文件名，因为这会在编译过程中导致错误。有关现有的类、变量和保留字的更多信息，请参见JavaFXScriptAPI和

3、学习JavaFXScript编程语言。您可以在任意时间使用以下命令编译您的代码：javafxcDeclaring.fx您可以使用以下命令运行编译的代码：javafxDeclaring添加必要的导入将导入添加到.fx文件中，以确保此应用程序可以访问必要的类。importjavafx.stage.Stage;//requiredtorenderawindowimportjavafx.scene.Scene;//requiredtodisplayacircleandrectangleonawindowimportjavafx.scene.shape.Rectangle;//require

4、dtorendertherectangleimportjavafx.scene.paint.Color;//requiredtofillandstroketherectangleandcirclewithcolorimportjavafx.scene.shape.Circle;//requiredtorenderthecircle创建应用程序窗口为了显示图形，需要创建一个窗口。创建窗口：1.指定Stage对象字面值。绘制任何对象都需要使用Stage。Stage{}这等效于：Stage{}2.此窗口应该足够大，以便能够将矩形和圆都显示出来。在本示例中，此窗口是一个249x251像素的

5、矩形。要创建如此大小并且标题为"DeclaringisEasy"的窗口，请在花括号中使用以下代码声明这些值：Stage{title:"DeclaringIsEasy!"width:249height:251visible:true}冒号左边的词title、width、height和visible称作实例变量，您可以参阅Stage文档以获取可用变量的完整列表。title将'DeclaringIsEasy'短语放在窗口的顶部边框中。width和height是像素值。有关JavaFXScript中对象字面值、类和实例变量的更多信息，请参见语言教程中的编写脚本和使用对象。当您运行目前已定义

6、的代码时，将会看到以下窗口。图2：空窗口设置场景在stage内，设置用来容纳Node对象（如圆或矩形）的scene。使用以下代码创建Scene：Stage{...scene:Scene{content:[]}}此场景是用来放置节点类型的对象的根区域。此场景具有一个用来容纳节点的content变量。有许多不同类型的节点，如图形对象、文本和GUI组件。有关节点和Scene类的更多信息，请参见在图形场景中显示UI对象一课和JavaFXScriptAPI。当您运行目前已定义的代码时，将会看到以下窗口。图3：具有场景的窗口注意：由于白色是场景的默认填充颜色，因此窗口的内容被填充为白色。场景位

7、于窗口之上。创建矩形要在content内声明矩形，请使用以下代码：content:[Rectangle{x:45y:35width:150height:150arcWidth:15arcHeight:15fill:Color.GREEN}]x和y实例变量用来指定矩形的像素位置，arcWidth和arcHeight用来定义角的圆度，fill变量用来定义填充矩形的颜色。定义窗口的尺寸时，您已经看到了大小变量width和height。注意：在前面的代码样例中，您显式声明了所