摘要:
昨天在cresposhi的关于昨天下午MapEasy QQ群中出现问题的说明里面看到了某些朋友对ListenerSupport的疑问.昨天刚好也爬完了代码,趁睡觉前对照cresposhi的MapEasy UML类图,稍微看了源代码,略有所得,暂且抛砖引玉,希望有更多的人可以理解并加入MapEasy团队,个人觉得GIS的前途无可限量.
1、什么是ListenerSupport？
个人认为这个类的名字有点名不符实。因为这个类的作用是集合所有的Listener对象，并按不同的事件类型进行区分，比如drap，click等等。所以你可以直观的理解为这是个ListenerList。
对象的收集涉及到新增（addListener、addFirstListener），删除（removeListener）这些基本操作。但是如果仅仅只有这些操作那并没有太大的意义。所以ListenerSupport还有自己的行为：触发listener集合中相关的listener的PropertyChange事件（firePropertyChange）。
这样来说ListenerSupport更应该理解为Map的事件发布订阅中心，主管着map的所有动态变化。
2、MapEasy的运作流程（ListenerSupport如何起作用）？
首先，先了解ListenerSupport对listener的存储形式。
this.listeners是个数组的数组，每一个成员数组存放着相同类型的所有listener对象。比如：
this.listeners["drap"]收集所有有关drap的listener对象.
那么收集这些对象有什么用呢?是为了当指定事件发生之后,可以通知所有的监听对象,好让他们做出相应的动态变化.
举个具体的例子来说明:
1、理解Commond是ListenerSupport的一个代理类，通过exce方法来调用listenerSupport的fire事件。
2、查看底下的DragAction实例.
function DragAction(mapModel) { BaseAction.apply(this, new Array(mapModel)); //~ Method /** * 构造函数 */ { // 注册 Command 对象的监听器 command.addListener("drag", this); } this.propertyChange = function(param, newValue) { if (newValue != null && newValue[0] == this.model.getId()) { if (param == "drag") { var offset = newValue[1]; if (offset.x != 0 && offset.y != 0) { var centerCoord = this.model.getViewerCenterCoord(); newX = centerCoord.x - offset.x * MapModel.bound.getWidth() / (this.model.getZoom().getBorderTilesNum() * MapModel.tileSize); newY = centerCoord.y + offset.y * MapModel.bound.getHeight() / (this.model.getZoom().getBorderTilesNum() * MapModel.tileSize); var newCoord = new Coordinate(newX, newY); if (!newCoord.same(centerCoord)) { this.model.setViewerCenterCoord(newCoord); } } } } } }
在构造函数里面,将本身的监听对象加入到了监听集合的drag分类里面(command.addListener("drag", this);),这个时候只要map触发drap事件,则listenerSupport会负责触发它集合里面的所有率属于drag类别的监听者,从而触发他们的propertChange事件,让他们根据参数newValue做出drag动作(即上述代码中的动作).
3、浪子语
其实觉得关于这个问题并没有需要讨论的地方，只要自己稍微看看代码就可以明白其意图，不过看到有朋友有一定的困惑，而又在我力所能及的范围，所以罗嗦罗嗦的胡乱阐述一下。
