JavaFX脚本语言入门(1)――语法概要

JavaFX是SUN为Java程序员简化GUI开发而推出的一款新的脚本语言。他不但支持目前流行的RIA概念，而且完全打破了传统的基于Java的GUI开发的概念。使得基于Java的GUI开发中的UI和逻辑处理更容易分离。

JavaFX的好处这里不费太多口舌，笔者鉴于JavaFX的中文学习资料还比较少，在此把自己的学习JavaFX脚本语言的笔记公开。

以演示代码的形式，对JavaFX脚本语言的代码作逐一解说。

针对于文章内容不明白的地方，可以留言提问。

关于环境搭建

编译、执行JavaFX需要下载JavaFX SDK。读者也可以根据自己的喜好在NetBeans或者Eclipse等IDE上安装插件。

下载地址：

http://javafx.com/downloads/windows.jsp

使用JavaFX SDK的读者，编译、执行等命令的使用方法可以参考官方文档。

javafxc和javafx命令的使用方法类似于javac和java命令，本文将不再做具体说明：

http://openjfx.java.sun.com/current-build/doc/

1. JavaFX脚本的语法特征
   
   • 目标指向
   • 声明语法
   • 静态型
   • 绑定
   • 替换触发器
   • 时间间隔支持
2. 声明语法
   声明Stage目标举例：
   
   Stage {
           title: "Hello"
           width: 160
           height: 80
   
           onClose: function() {
                   System.exit(0);
           }
   
           scene: Scene {
                   content: SwingLabel {
                           font: Font {
                                   size: 24
                           }
                           text: "Hello, World!"
                   }
           }
   }
   
   
3. 静态型定义
   整数型定义举例：
   
   var number: Integer;
   var number = 10;
   
   
4. 绑定
   提示：println相当于java中的System.out.pringln
1. 变量间绑定
   
   var x = 10;
   var y = bind x;
   
   println("Y: {y}");
   
   x = 20;
   
   println("Y: {y}");
   输出结果：
   
   Y: 10
   Y: 20:
   
   
2. 变量计算结果绑定
   
   var x = 10;
   var y = bind x * 2;
   
   println("Y: {y}");
   
   x = 20;
   
   println("Y: {y}");
   输出结果：
   
   Y: 20
   Y: 40
   
   
3. 多个变量绑定
   
   var x = 10;
   var y = 5;
   var z = bind x + y;
   
   println("Z: {z}");
   
   x = 20;
   
   println("Z: {z}");
   
   y = 10;
   
   println("Z: {z}");
   输出结果：
   
   Z: 15
   Z: 25
   Z: 30
   
   
4. 函数绑定
   
   bound function add(a: Integer, b: Integer): Integer {
           return a + b;
   }
   
   var x = 10;
   var y = 5;
   var z = bind add(x, y);
   
   println("Z: {z}");
   
   x = 20;
   
   println("Z: {z}");
   
   y = 10;
   
   println("Z: {z}");
   输出结果：
   
   Z: 15
   Z: 25
   Z: 30
   
   
5. 双方向绑定
   
   var x = 10;
   var y = bind x with inverse;
   
   println("X: {x} Y: {y}");
   
   x = 20;
   
   println("X: {x} Y: {y}");
   
   y = 30;
   
   println("X: {x} Y: {y}");
   输出结果：
   
   X: 10 Y: 10
   X: 20 Y: 20
   X: 30 Y: 30
   
   
5. 替换触发器
1. 空值替换
   
   var value: String on replace oldValue {
            println("\nValue has changed!");
            println("Old Value: {oldValue}");
            println("New Value: {value}");
   };
   
   value = "JavaFX";
   value = "JavaFX Script";
   输出结果：
   
   Value has changed!
   Old Value:
   New Value:
   
   Value has changed!
   Old Value:
   New Value: JavaFX
   
   Value has changed!
   Old Value: JavaFX
   New Value: JavaFX Script
   
   
2. 初始值替换
   
   var value: String = "Java" on replace oldValue {
            println("\nValue has changed!");
            println("Old Value: {oldValue}");
            println("New Value: {value}");
   };
   
   value = "JavaFX";
   value = "JavaFX Script";
   
   输出结果：
   
   Value has changed!
   Old Value:
   New Value: Java
   
   Value has changed!
   Old Value: Java
   New Value: JavaFX
   
   Value has changed!
   Old Value: JavaFX
   New Value: JavaFX Script
   
   
6. 时间间隔支持
   
   var duration1: Duration = 10ms; // 10毫秒
   var duration2: Duration = 1s; // 1秒
   var duration3: Duration = 1m; // 1分
   
   println("{duration1} * 100 == {duration2}? {duration1* 100 == duration2}");
   
   输出结果：
   
   10ms * 100 == 1000ms? true
   
   
   

待续

本文出自 “郝春利个人博客” 博客，转载请与作者联系！