没有合适的资源?快使用搜索试试~ 我知道了~
使用JavaFX+构建GUI+教程
5星 · 超过95%的资源 需积分: 12 18 下载量 198 浏览量
2012-06-24
16:23:11
上传
评论 1
收藏 1.08MB PDF 举报
温馨提示
试读
78页
此教程是您学习 JavaFX Script 编程诧言的起点。它叧着重亍介终基础知识,即着重亍所有 FX 应用程序通用的基本非可视核心绋构。学完本教程后,您就可以学习使用 JavaFX 构建 GUI 应用程序了,它是该系列的第二个教程。学完第二个教程乊后,媒体浏览器教程将引导您完成一个实际应用程序的完整端到端开収。
资源推荐
资源详情
资源评论
使用 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 {}
这等效于:
2.
此窗口应该足够大,以便能够将矩形和圆都显示出来。在本示例中,此 窗
口是一个 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
}
图 3 :具有场景的窗口
注意:由于白色是场景的默认填充颜色,因此窗口的内容被填充为白色。场景 位
于窗口之上。
创建矩形
要在 content 内声明矩形,请使用以下代码:
content: [
Rectangle {
x: 45 y: 35
width: 150 height: 150
arcWidth: 15 arcHeight: 15
fill: Color.GREEN
}
]
剩余77页未读,继续阅读
资源评论
- zhuxuemo2014-09-28很好,很详细
赤子之心513
- 粉丝: 62
- 资源: 4
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功