看了一下moock的《Essential.Actionscript.2.0》，全书都写得不错，不愧为actionscript的权威写出来的书。注意了一下，MVC模式这一章。MVC也不是什么新概念了， 早在smalltalk中开始流行了， 现在C++中的document/view结构也是这种原理。通过消息映射达到从view响应的事件改变document的内容。一看moock的写法，就知道他是有java背景的人，包括Oberserable类和Oberserver接口，以及MVC的实现都是仿照传统的java写法。
关于MVC，这里有一篇权威说明：http://st-www.cs.uiuc.edu/users/smarch/st-docs/mvc.html
我也用moock的方法，依照原来的一个java例子，做了个显示温度的，分华氏温度和摄氏温度显示。它们所用的Model和Control却是一样的，只不过View 的表现不同。 这就是MVC的优势所在。还有一个用温度计来显示的View，可以用我的com.flashvan.Graphic类来实现，下次做完把源码一起放上来。utils包和mvc包里面的内容我就省略了，可以到moock的网站下载http://moock.org/eas2/examples/eas2_mvcclock.zip
pre {font-family:"Courier New", Courier, Arial; font-size: 12px;} .operator {color: #000000;} .keyword {color: #993300;} .identifier {color: #000087;} .properties {color: #000087;} .identifier2 {color : #000087;} .linecomment, .blockcomment {color: #808080;} .string {color: #0000FF;}
//Model
import util.Observable;
import temperature.*;
class temperature.TemperatureModel extends Observable
{
private var temperatureF:Number = 32.0;
public function getF():Number
{
return temperatureF;
}
public function getC():Number
{
return (temperatureF - 32.0) * 5.0 / 9.0;
}
public function setF(tempF:Number):Void
{
temperatureF = tempF;
setChanged();
notifyObservers();
}
public function setC(tempC:Number):Void
{
temperatureF = tempC * 9.0 / 5.0 + 32.0;
setChanged();
notifyObservers();
}
}
//View base
import util.*;
import temperature.*;
import mvc.*;
import mx.containers.Window;
import mx.controls.Button;
import mx.controls.TextInput;
import mx.controls.Label;
import mx.managers.DepthManager;
class temperature.TemperatureGUI extends AbstractView
{
private var temperatureWindow:Window;
private var label:Label;
private var display:TextInput;
private var upBtn:Button;
private var downBtn:Button;
private var temperatureGUI_mc:MovieClip;
private function TemperatureGUI(l:String,m:TemperatureModel, c:Controller, target:MovieClip, depth:Number, x:Number, y:Number)
{
super(m, c);
makeTemperatureGUI(l,target, depth, x, y);
}
private function makeTemperatureGUI(l:String,target:MovieClip, depth:Number, x:Number, y:Number):Void
{
//建立一个空的MovieClip
temperatureGUI_mc = target.createEmptyMovieClip("gui"+depth, depth);
//temperatureGUI_mc._x = x;
//temperatureGUI_mc._y = y;
//窗口
temperatureWindow =temperatureGUI_mc.createClassObject(Window, "temperatureWindow", 0);
temperatureWindow.title = l+" 温度显示";
temperatureWindow.move(x,y);
temperatureWindow.setSize(250,200);
//标签
label = temperatureWindow.createClassChildAtDepth(Label, DepthManager.kTop);
label.text = l+"温度为：";
label.move(20,50);
//文本显示框
display = temperatureWindow.createClassChildAtDepth(TextInput, DepthManager.kTop);
display.editable = false;
display.setSize(200,display.height);
display.move(label.x,label.y+label.height+10);
//升温按钮
upBtn = temperatureWindow.createClassChildAtDepth(Button , DepthManager.kTop);
upBtn.label = "升温";
upBtn.setSize(60,upBtn.height);
upBtn.move(display.x+30,display.y+display.height+10);
upBtn.addEventListener("click", getController());
//降温按钮
downBtn = temperatureWindow.createClassChildAtDepth(Button, DepthManager.kTop);
downBtn.label = "降温";
downBtn.setSize(60,downBtn.height);
downBtn.move(upBtn.x+upBtn.width+10,upBtn.y);
downBtn.addEventListener("click", getController());
update();
}
public function defaultController (model:Observable):Controller
{
return new TemperatureController(model);
}
public function setDisplay (s:String):Void{ display.text =s;}
public function getDisplay():Number
{
//var result:Number = 0.0;
var result:Number = Number(display.text);
return result;
}
public function update (o:Observable, infoObj:Object):Void
{
}
}
//Farenheit View
import util.*;
import temperature.*;
import mvc.*;
class temperature.FarenheitGUI extends TemperatureGUI
{
public function FarenheitGUI(m:TemperatureModel, c:Controller, target:MovieClip, depth:Number, x:Number, y:Number)
{
super("华氏", m, c, target,depth,x,y);
//setDisplay(""+model.getF());
}
public function update (o:Observable, infoObj:Object):Void
{
setDisplay("" + TemperatureModel(getModel()).getF());
}
}
//Celsius View
import util.*;
import temperature.*;
import mvc.*;
class temperature.CelsiusGUI extends TemperatureGUI
{
public function CelsiusGUI(m:TemperatureModel, c:Controller, target:MovieClip, depth:Number, x:Number, y:Number)
{
super("摄氏", m, c, target,depth,x,y);
//setDisplay(""+model.getF());
}
public function update (o:Observable, infoObj:Object):Void
{
setDisplay("" + TemperatureModel(getModel()).getC());
}
}
//Controller
import temperature.TemperatureModel;
import mvc.*;
import util.*;
class temperature.TemperatureController extends AbstractController
{
public function TemperatureController (tm:Observable)
{
super(tm);
}
public function upTemperature()
{
var m:TemperatureModel= TemperatureModel(getModel());
m.setF(m.getF()+1);
}
public function downTemperature()
{
var m:TemperatureModel= TemperatureModel(getModel());
m.setF(m.getF()-1);
}
public function click(e:Object):Void
{
switch (e.target.label)
{
case "升温": upTemperature();break;
case "降温": downTemperature();break;
default:break;
}
}
}
//主程序
import temperature.*;
class temperature.Thermometer
{
//程序入口
public static function main (target:MovieClip,f:Number)
{
var tm:TemperatureModel = new TemperatureModel();
var fg:FarenheitGUI = new FarenheitGUI(tm,undefined, target, 2, 10, 50);
var cg:CelsiusGUI = new CelsiusGUI(tm,undefined, target, 3, 300, 50);
tm.addObserver(fg);
tm.addObserver(cg);
if(f!=undefined) tm.setF(f);
}
}
//*.fla
import temperature.Thermometer;
Thermometer.main(this);
在fla文件中要拖出Window,Button,TextInput，Label这四个组件在放在库中，要不然不能显示
本文地址：http://com.8s8s.com/it/it35741.htm