Forked from:: Aquioux's MVC ってこういうこと？

forked from: MVC ってこういうこと？　「clickableに仕様変更」の巻

たとえば、「表示専用Viewを入力用に変更」となった場合はどうなるかをためす。
Viewの属性にController型のものを追加して、signを決めるだけかと思いきや、
controllerクラスのメソッド　notifyFromControllerToModel(inputView:Button)が
引数にButton型を指定している箇所がネックとなる。
overrideもできないので、新たにController2クラスを作成。MVCに参戦するClickableViewクラスが増えるたびに、
Controllerクラスも増えていく、ということになるんだろうか・・・？
モデルやコントローラー層はプリミティブ値しか扱わない、みたいな事にしておくと汎用性が上がるのかなぁ。
もしくは、MVC用のAbstractViewクラス作って、属性にMVC用のパラメタ作って、みたいな。
解説は http://aquioux.blog48.fc2.com/blog-entry-640.html

djakarta_tra..

forked:0
favorite:0
lines:207
license : MIT License
modified : 2009-10-07 11:38:24

Embed: Tweet

// forked from Aquioux's MVC ってこういうこと？

// たとえば、「表示専用Viewを入力用に変更」となった場合はどうなるかをためす。
// Viewの属性にController型のものを追加して、signを決めるだけかと思いきや、
// controllerクラスのメソッド　notifyFromControllerToModel(inputView:Button)が
// 引数にButton型を指定している箇所がネックとなる。
// overrideもできないので、新たにController2クラスを作成。MVCに参戦するClickableViewクラスが増えるたびに、
// Controllerクラスも増えていく、ということになるんだろうか・・・？
// モデルやコントローラー層はプリミティブ値しか扱わない、みたいな事にしておくと汎用性が上がるのかなぁ。
// もしくは、MVC用のAbstractViewクラス作って、属性にMVC用のパラメタ作って、みたいな。
/**
 * 解説は http://aquioux.blog48.fc2.com/blog-entry-640.html
 */
package {
	import flash.display.Sprite;
	[SWF(width = "465", height = "465", frameRate = "60", backgroundColor = "#FFCCCC")]
	
	public class Main extends Sprite {
		
		public function Main() {
			// Model を生成
			var model:Model = new Model();
			// View を生成
			var view:View = new View(model);
			view.x = stage.stageWidth / 2;
			view.y = stage.stageHeight / 2;
			addChild(view);
			// Controller を生成
			var controller:Controller = new Controller(model);

// ユーザ入力用の View を生成
			const signs:Array = ["position", "scale", "rotation"];
			var n:uint = signs.length;
			for (var i:int = 0; i < n; i++) {
				var inputView:Button = new Button(signs[i]);
				inputView.controller = controller;
				inputView.x = inputView.width * i;
				inputView.y = 0;
				addChild(inputView);
			}
			
			// *** djakarta_trap wrote
			view.controller = new Controller2(model);
			view.sign = signs[0];
		}
	}
}

// Model
	import flash.events.Event;
	import flash.events.EventDispatcher;
	import flash.events.TimerEvent;
	import flash.utils.Timer;
	
	class Model extends EventDispatcher {
		// ----- View へ通知するメンバ変数 -----
		public function get value1():Number { return _value1; }
		private var _value1:Number;
		
		public function get value2():Number { return _value2; }
		private var _value2:Number;
		
		public function get value3():Number { return _value3; }
		private var _value3:Number;
		// ----- View へ通知するためのメンバ変数 -----

// ----- View へ向けたイベント発効 （Model -> View）-----
		// イベント発効
		internal function notifyFromModelToListener():void {
			dispatchEvent(new Event(Event.CHANGE));
		}
		// ----- View へ向けたイベント発効 （Model -> View）-----
		
		
		// ----- Controller から呼び出される関数 （Controller -> Model）-----
		internal function update1():void {
			// value1 の変化と通知
			_value1 += RATE;
			notifyFromModelToListener();
		}
		internal function update2():void {
			// value2 の変化と通知
			_value2 += RATE;
			notifyFromModelToListener();
		}
		internal function update3():void {
			// value3 の変化と通知
			_value3 += RATE;
			notifyFromModelToListener();
		}
		// ----- Controller から呼び出される関数 （Controller -> Model）-----
		
		
		private const RATE:uint = 15;	// 変化量
		public function Model() {
			// 各データ初期化
			_value1 = 0;
			_value2 = 0;
			_value3 = 0;
			
			var timer:Timer = new Timer(25);
			timer.addEventListener(TimerEvent.TIMER, timerHandler);
			timer.start();
		}
		private function timerHandler(e:TimerEvent):void {
			_value1 += 0.5;
			_value2 += 0.5;
			_value3 += 0.5;
			notifyFromModelToListener();
		}
	}

// View
	import flash.display.BlendMode;
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.text.TextField;
	import flash.text.TextFieldAutoSize;
	import flash.text.TextFormat;
	import flash.text.TextFormatAlign;

class View extends Sprite {
	    // *** djakarta_trap wrote
	    public function set controller(value:Controller2):void { _controller = value; }
		private var _controller:Controller2;
		public function set sign(vaule:String):void { _sign = vaule }
		private var _sign:String;
	    // *** djakarta_trap wrote
	    
		// ----- Model への参照 -----
		private var _model:Model;

// ----- Model からのイベントを捕捉 （Model -> View という流れ）-----
		private function changeHandler(event:Event):void {
			// 自分の各プロパティの値を Model のそれによって更新する
			x = Math.sin(_model.value1 * Math.PI / 180) * 200 + 465 / 2;
			scaleY = Math.cos(_model.value2 * Math.PI / 180);
			rotation = _model.value3;
		}
		// ----- Model からのイベントを捕捉 （Model -> View という流れ）-----

public function View(model:Model) {
			_model = model;
			_model.addEventListener(Event.CHANGE, changeHandler);
			// *** djakarta_trap wrote
			addEventListener(MouseEvent.CLICK,_onClick);
			useHandCursor = true;
			buttonMode = true;
			// *** djakarta_trap wrote
			draw();
		}
		// *** djakarta_trap wrote
		private function _onClick(e:MouseEvent):void
		{
		    _controller.notifyFromControllerToModel2(_sign);
		}
		[Embed(systemFont = "sansserif", fontName = "myFont", mimeType = "application/x-font")]
		private static const myFont:Class;		
		private function draw():void {
			graphics.beginFill(0xFFFFFF);
			graphics.drawRect( -100, -100, 100, 200);
			graphics.beginFill(0x000000);
			graphics.drawRect(0, -100, 100, 200);
			graphics.endFill();
			
			var textFormat:TextFormat = new TextFormat("myFont", 40);
			textFormat.align = TextFormatAlign.CENTER;
			var textField:TextField = new TextField();
			textField.defaultTextFormat = textFormat;
			textField.text = "ABCDEFG\nHIJKLMN";
			textField.autoSize = TextFieldAutoSize.LEFT;
			textField.embedFonts = true;
			textField.selectable = false;
			textField.x = -textField.width / 2;
			textField.y = -textField.height / 2;
			textField.blendMode = BlendMode.INVERT;
			addChild(textField);
		}
	}

// Controller2
	class Controller2 {
		// ----- Model への参照 -----
		private var _model:Model;
		
		// ----- Model の関数を呼び出す （Controller -> Model という流れ）-----
       internal function notifyFromControllerToModel2(sign:String):void {
			// ユーザ入力に基づいて Model へ変更を要求する
			switch(sign) {
				case "position": {
					_model.update1();
					break;
				}
				case "scale": {
					_model.update2();
					break;
				}
				case "rotation": {
					_model.update3();
					break;
				}
			}
		}
		// ----- Model の関数を呼び出す （Controller -> Model という流れ）-----
		
		
		public function Controller2(model:Model) {
			_model = model;
		}
	}

// Controller
	class Controller {
		// ----- Model への参照 -----
		private var _model:Model;
		
		// ----- Model の関数を呼び出す （Controller -> Model という流れ）-----
		internal function notifyFromControllerToModel(inputView:Button):void {
			// ユーザ入力に基づいて Model へ変更を要求する
			switch(inputView.sign) {
				case "position": {
					_model.update1();
					break;
				}
				case "scale": {
					_model.update2();
					break;
				}
				case "rotation": {
					_model.update3();
					break;
				}
			}
		}
		// ----- Model の関数を呼び出す （Controller -> Model という流れ）-----
		
		
		public function Controller(model:Model) {
			_model = model;
		}
	}

// Button （入力用 View）
	import flash.display.BlendMode;
	import flash.display.Shape;
	import flash.display.SimpleButton;
	import flash.display.Sprite;
	import flash.events.MouseEvent;
	import flash.text.TextField;
	import flash.text.TextFieldAutoSize;
	
	
	class Button extends Sprite {
		// ----- Controller への参照 -----
		public function set controller(value:Controller):void { _controller = value; }
		private var _controller:Controller;
		
		// ----- Controller へ通知するためのメンバ変数 -----
		public function get sign():String { return _sign; }
		private var _sign:String;
		// ----- Controller へ通知するためのメンバ変数 -----
		
		// ----- Controller の関数を呼び出す （入力用 View -> Controller という流れ）-----
		private function clickHandler(event:MouseEvent):void {
			_controller.notifyFromControllerToModel(this);
		}
		// ----- Controller の関数を呼び出す （入力用 View -> Controller という流れ）-----
		
		
		private const WIDTH:uint  = 100;
		private const HEIGHT:uint =  20;
		public function Button(sign:String) {
			// ボタンサインの保持
			_sign = sign;

// ボタンシェイプ
			var up:Shape   = createButtonShape(0xCCCCCC);
			var over:Shape = createButtonShape(0xFFFFFF);
			var down:Shape = createButtonShape(0x000000);
			var button:SimpleButton = new SimpleButton(up, over, down, up);
			addChild(button);
			// ラベル
			var label:TextField = new TextField();
			label.text = sign + " boost";
			label.autoSize = TextFieldAutoSize.LEFT;
			label.selectable = false;
			label.x = (WIDTH - label.width) / 2;
			label.y = (HEIGHT - label.height) / 2;
			label.blendMode = BlendMode.INVERT;
			label.mouseEnabled = false;
			addChild(label);
			
			button.addEventListener(MouseEvent.CLICK, clickHandler);
		}
		private function createButtonShape(color:uint):Shape {
			var shape:Shape = new Shape();
			shape.graphics.lineStyle(0, 0x000000);
			shape.graphics.beginFill(color);
			shape.graphics.drawRect(0, 0, WIDTH, HEIGHT);
			shape.graphics.endFill();
			return shape;
		}
	}

Code Fullscreen

Preview Fullscreen