Flex、Java、C#、JavaFX的事件处理机制的比较
Flex、Java、C#、JavaFX的事件处理机制的比较
最近我在研究下一代的客户端界面编程技术，就是研究Flex和JavaFX这两种新语言。
Java,C#,JavaFX,Flex等语言都有事件处理机制。 事件处理机制 实际上就是GOF23设计模式中的Observer观察者模式的实现。
Flex的事件处理机制，使用了方法作为事件处理器。这和C#的委派相似。因为Flex继承了JavaScript的特性，方法对象，就是方法的指针。类似于C语言的函数指针。
而C#中使用了delegete这个语法糖，实现了函数指针。尽管其底层实际上是使用了反射的Method对象。
Java中由于没有函数指针的概念，所以其事件处理器是接口。
尽管Java语言也可以使用反射中的Method对象来构建出函数指针。但是Java的官方解决方案没有采用这种措施。
Flex声明事件时，是这样做的：
1，事件源
2，事件类型-----一个String
3，响应事件的函数指针
这个机制和Java的非常类似。
Java是这样子的：
1，事件源
2，Command------一个String
3，响应事件的接口
但是又有不同，Java语言中，事件源有一个List，用于保存事件监听器接口对象。
然后，激发事件时调用List中所有的接口的相应函数。
在激发事件时，创建事件对象，对象中包括：事件源----就是自己，Command-----一个自定义的字符串。
然后事件处理器接口中的响应函数根据事件对象中的Command来决定怎样处理。
Flex的事件处理机制略有不同，应该说是有改进：
1，事件源中有一个Map<String,List<函数指针>>，而不是List。 响应事件的函数对象被根据事件类型----一个自定义的String而分开储存。
这样，激发事件时，根据需要事件类型，直接激发Map中的一组事件。而不是调用所有注册的事件监听器。
同时，注意Flex的以下特性：
1，Flex不支持内部类。但是由于不使用接口，而只是使用函数。因此，不支持内部类的这一特性不会对Flex的事件处理机制造成任何不良影响。
2，Flex支持函数内部嵌套函数，支持不属于类的函数和变量。因此，编写响应事件的函数是非常方便的。
下面是Flex事件处理机制的一个例子，用于实现MVC模式的界面开发。
1，作为Model的类，使用了Flex的事件机制，作为事件源。在value改变时通知事件响应函数，用于更改View界面。
package{
import flash.events.*;
public class MyModel implements IEventDispatcher {
public function MyModel(){
this.eventDispatcher=new EventDispatcher(this);
}
private var eventDispatcher;
public function addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void {
this.eventDispatcher.addEventListener(type,listener,useCapture,priority,useWeakReference);
}
public function dispatchEvent(event:Event):Boolean {
return this.eventDispatcher.dispatchEvent(event);
}
public function hasEventListener(type :String):Boolean {
return this.eventDispatcher.hasEventListener(type);
}
public function removeEventListener(type:String, listener:Function, useCapture:Boolean = false):void {
this.eventDispatcher.removeEventListener(type,listener,useCapture);
}
public function willTrigger(type :String):Boolean {
return this.eventDispatcher.willTrigger(type);
}
///////////////////////////////////////////事件//////////////
private var myValue;
public function set value(v){
this.myValue=v;
this.dispatchEvent(new Event("changeValue"));
}
public function get value(){
return this.myValue;
}
}
}
2，用户界面，是一个文本输入框，一个文本输出框。
输入框的更改，立刻反应到文本输出框中。
3，用户界面的处理代码：
var myModel=new MyModel;
myModel.addEventListener("changeValue",responseChangeValue);
function responseChangeValue(event:Event):void{
mainText.text=event.target.value;
}
inputText.border=true;
inputText.addEventListener(flash.events.Event.CHANGE , inputTextChange);
function inputTextChange(event:Event):void
{
myModel.value=event.target.text;
}
接下来讲一下JavaFX的事件处理机制。
JavaFX使用触发器来实现事件处理：
触发器的语法格式为：
"on" "replace"
[oldValue]
[ "[" lowIndex ".." highIndex "]" "=" newElements ]
代码块
当对关联的变量进行修改的时候，触发器就会被执行。参数定义如下：
· oldValue 是变量的原值
· lowIndex, highIndex，是数组类型的触发器才有的参数，都是整数类型的。对于插入操作，highIndex==lowIndex-1。
· newElements 是新的值数组，这个数组是用来替换oldValue[lowIndex..highIndex]的，类型和变量相同。
[lowIndex..highIndex]=newElements 部分的参数，只有变量为一个数组的时候才有。
等同于：
attribute x =
on replace [i..j]=n
{ y[i..j]=n };
attribute y = [];
这样就在数组x的数据变化时，把数组y的值改成数组x的值。
另外还有bind语法作为触发器的语法糖。
attribute x;
attribute y = bind x;
这可以实现同样的效果。
JavaFX是一种专注于GUI的脚本语言，有很多新颖的语言概念。比如上面javaFX的事件处理机制就很简约、强大。