javaFX 入门学习

 

一、准备环境

1、  Eclipse 3.4

2、  插件：javaFX http://javafx.com/downloads/eclipse-plugin

使用software update方式进行升级安装

3、  SDK： javafx-sdk1.2（安装javaFX sdk时候，需要jdk1.6以上版本）

下载地址：

http://cds-esd.sun.com/ESD7/JSCDL/javafx/1.2/javafx_sdk-1_2-windows-i586.exe?AuthParam=1247185145_eaf61b9283f0a40099cac5bb9274d9f1&TicketId=B%2Fw6kxiHTV9ISRVKMldfnA%2Fn&GroupName=CDS&FilePath=/ESD7/JSCDL/javafx/1.2/javafx_sdk-1_2-windows-i586.exe&File=javafx_sdk-1_2-windows-i586.exe

注意，在安装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