使用JavaFX构建GUI教程资源-CSDN文库

共8个文件

fx：5个

docx：1个

doc：1个

JavaFx

GUI

需积分: 9 121 浏览量 2009-02-02 22:56:19 上传评论收藏 2.6MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

JavaFX 构建 GUI 教程.rar （8个子文件）

使用 JavaFX 构建 GUI 教程

cloud.fx 2KB

FXInteractiveButton.fx 4KB

使用 JavaFX 构建 GUI 教程.pdf 1.08MB

使用 JavaFX 构建 GUI 教程.docx 2.55MB

使用 JavaFX 构建 GUI 教程.doc 3.72MB

layout.fx 3KB

Graphics.fx 3KB

DataBinding.fx 1KB

使用 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 编程语言。

您可以在任意时间使用以下命令编译您的代码：

您可以使用以下命令运行编译的代码：

添加必要的导入

将导入添加到 .fx 文件中，以确保此应用程序可以访问必要的类。

创建应用程序窗口

为了显示图形，需要创建一个窗口。

创建窗口：

1. 指定 Stage 对象字面值。绘制任何对象都需要使用 Stage 。

javafxc Declaring.fx

javafx Declaring

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

Stage {}

这等效于：

此窗口应该足够大，以便能够将矩形和圆都显示出来。在本示例中，此窗

口是一个 249 x 251 像素的矩形。要创建如此大小并且标题为 "Declarin g

is Easy" 的窗口，请在花括号中使用以下代码声明这些值：

冒号左边的词 title

、

width

、

height 和 visible 称作

实例变量

，您可以

参阅 Stage 文档以获取可用变量的完整列表。 title 将 'Declaring Is

Easy' 短语放在窗口的顶部边框中。 width 和 height

是像素值。有关

Java FX

Script 中对象字面值、类和实例变量的更多信息，请参见语言教程中的编写脚

本和使用对象。

当您运行目前已定义的代码时，将会看到以下窗口。

Stage {

}

Stage {

title: "Declaring Is Easy!"

width: 249

height: 251

visible: true

}

图 2 ：空窗口

设置场景

在 stage 内，设置用来容纳 Node 对象（如圆或矩形）的 scene 。使用以下代

码创建 Scene ：

此场景是用来放置节点类型的对象的根区域。此场景具有一个用来容纳节点的

content 变量。有许多不同类型的节点，如图形对象、文本和 GUI 组件。有

关节点和 Scene 类的更多信息，请参见在图形场景中显示 UI 对象一课和

JavaFX Script API 。

当您运行目前已定义的代码时，将会看到以下窗口。

Stage {

...

scene: Scene {

content: [ ]

}

图 3 ：具有场景的窗口

注意：由于白色是场景的默认填充颜色，因此窗口的内容被填充为白色。场景位

于窗口之上。

创建矩形

要在 content 内声明矩形，请使用以下代码：

content: [

Rectangle {

x: 45 y: 35

width: 150 height: 150

arcWidth: 15 arcHeight: 15

fill: Color.GREEN

}

]

评论收藏

内容反馈

Rain

粉丝: 112
资源: 6

使用 JavaFX 构建 GUI 教程

使用JavaFX+构建GUI+教程

JavaFX 构建GUI 应用程序

JavaFX实现UI美观效果代码实例

JavaFx编写图形界面（珍藏版）

Java GUI程序设计基础(强烈推荐）

jfxtras-styles:Java，JavaFX主题或外观。 当前包含JMetro主题

java画图板（界面比较简洁）

javafx画板程序

JavaFX皮肤功能

javaFX资料，Sun公司的详细PPT（如何写代码，语法等）

FunGui:使用JavaFX构建有趣的GUI程序

JavaFX 8 教程（使用 Scene Builder 设计 UI）

ParticleSystem:使用JavaFX for GUI的粒子系统

PandocGUI:该项目使用 JavaFX 为 Pandoc 提供了一个 GUI

JAVAFX全部参考书籍与SceneBuilder

JavaFx.pdf

FXTools：我在JavaFX项目中使用的JavaFX资源，库和现成工具（GUI）

DemoGameUI：动态GUI缩放的示例演示（使用JavaFX）

JavaFX中使用布局精简教程

PDF-Editor-with-JavaFX:使用Java构建简单的PDF编辑器

DentalManage：使用Java和JavaFX构建的演示牙科诊所管理应用程序

fx2048:使用JavaFX和Java 11构建的游戏2048

BrickBreak:使用JavaFX构建的Atari Breakout的副本

Everest-使用JavaFX构建的一个漂亮且轻量级的REST客户端

PlanAmity:使用JavaFX构建的项目计划应用

Weather:使用JavaFX用Java编写的简单天气GUI应用程序

Media-Player-GUI-Java：这是使用JavaFX构建的媒体播放器

fx2048, 游戏 2048，使用JavaFX和 8构建.zip

最新资源

jfxtras-styles:Java，JavaFX主题或外观。当前包含JMetro主题