一、准备环境
1、 Eclipse 3.4
2、 插件:javaFX http://javafx.com/downloads/eclipse-plugin
使用software update方式进行升级安装
3、 SDK: javafx-sdk1.2(安装javaFX sdk时候,需要jdk1.6以上版本)
下载地址:
注意,在安装sdk的时候,会指导你去下载安装jkd1.6,如果本地已经安装了jdk,就skip。
4、 安装后需要设置 JAVAFX_HOME 环境变量
二、第一个例子
使用eclipse,创建一个javafx的例子。
体会如下:
使用eclipse环境中不能自动import,不能排版,这个可以理解,因为不是java语言了,但是到处是小红叉就不能接受了,但愿这个插件越做越好!
因为无法进行正常的语法校验,这就要求我们在开发的时候要仔细了,不能像开发java程序那个,有语法校验那么这么简单。
运行倒是正常。
代码如下:
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.text.*;
import javafx.scene.shape.Circle;
import javafx.scene.paint.Color;
import javafx.scene.paint.RadialGradient;
import javafx.scene.paint.Stop;
import javafx.animation.Timeline;
import javafx.animation.KeyFrame;
import javafx.animation.Interpolator;
var opacity = 1.0;
/**
* @author maginn
*/
Timeline {
repeatCount: Timeline.INDEFINITE,
keyFrames: [
KeyFrame {
time: 5s,
canSkip: true
values : [
opacity => 0.2 tween Interpolator.EASEBOTH
]
}
KeyFrame {
time : 10s,
canSkip: true
values : [
opacity => 1.0 tween Interpolator.EASEBOTH
] // values
} // KeyFrame
]
}.play();
Stage {
title : "MyApp"
scene: Scene {
width: 200
height: 200
content: [
Circle {
centerX: 100,
centerY: 100,
radius: 40,
opacity: bind opacity
fill: RadialGradient {
centerX: 75,
centerY: 75,
radius: 90
proportional: false
stops: [
Stop {
offset: 0.0
color: Color.web("#3B8DED")
},
Stop {
offset: 1.0
color: Color.web("#044EA4")
}
] // stops
} // RadialGradient
}
Text {
font: Font { size: 22 }
x: 20, y: 90
textAlignment: TextAlignment.CENTER
content:"Welcome to /nJavaFX World"
} //Text
]
}
}
原文参考地址:
http://javafx.com/docs/gettingstarted/eclipse-plugin/create-first-javafx-app-eclipse.jsp
相关javafx学习
http://www.jxc114.com/bbs/thread-911-1-1.html