關於 Puremvc Command 的那點事

關於 PureMVC Command 的
那點事
Erin Lin
http://about.me/erinlin

Command
Command Command

Command
Command
Command
Command
不想學還是要學的
Command
命令設計模式
Command Command
Command
Command Command
Command
Command

<<interface>>
ICommand

Controller execute():void

addCommand()
removeCommand()
//------------------- Command
doSomething()

execute():void

真情推薦
傻瓜都可以看懂的設計模式入門書
自己上網去買!

http://www.oreilly.com.tw/product_java.php?id=a163

PureMVC
兩個基本必知 Command

反正要亂搞就是
extends
SimpleCommand

你認識的第一支繼承 SimpleCommand 寫法
package com.mvc.controls
{

import org.puremvc.as3.interfaces.INotification;
import org.puremvc.as3.patterns.command.SimpleCommand;

public class StartupCommand extends SimpleCommand
{
public function StartupCommand()
{
super();
}
override public function execute(notification:INotification):void{
//初始 Application 要做的事情
//facade.registerMediator, facade.registerProxy
// or facade.registerCommand
//通常都會將 Application 傳進來做應用
}
}
}

群組同時執行的
MacroCommand

使用 MacroCommand 的 StartupCommand

package com.mvc.controls
{
import org.puremvc.as3.patterns.command.MacroCommand;

public class StartupCommand extends MacroCommand
{
{
super();
}

override protected function initializeMacroCommand() :void
{
addSubCommand( ModelPrepCommand );
addSubCommand( ViewPrepCommand );
addSubCommand( 你寫的Command );
}
}
}

啊...我想要一個命令做完，
才要執行下一個....
最後還要來個完美的 Ending
要怎麼辦？

http://trac.puremvc.org/PureMVC_AS3/

PureMVC Utilities
使用的時候要心存感激喔！

處理非同步的 AsyncCommand

http://trac.puremvc.org/Utility_AS3_AsyncCommand

當然就是一件工作做完
才做下一個指令
照順序來不懂嗎？

AsyncCommand 也有
兩個 Class 給你用

AsyncCommand and
AsyncMacroCommand

基本用法是以成組的方式應用

package controllers
{
import flash.utils.setTimeout;

import org.puremvc.as3.multicore.interfaces.ICommand;
import org.puremvc.as3.multicore.interfaces.INotification;
import org.puremvc.as3.multicore.patterns.command.AsyncCommand;

public class AsyncCommand0 extends AsyncCommand implements ICommand
{
public function AsyncCommand0()
{
super();
}

trace("lalala AsyncCommand0");
setTimeout( commandComplete, 1000);
}
}
}

package controllers
{
import
org.puremvc.as3.multicore.patterns.command.AsyncMacroCommand;

public class StartupCommand extends AsyncMacroCommand
{
{
super();
}
private function onComplete():void{
trace("end of StartupCommand");
}
override protected function initializeAsyncMacroCommand():void{
setOnComplete( onComplete );
addSubCommand( AsyncCommand0 );
}
}
}

所以 Command 可以做什麼？

package controllers
{
import mx.rpc.AsyncToken;
import mx.rpc.IResponder;
import mx.rpc.http.HTTPService;
import org.puremvc.as3.multicore.interfaces.ICommand;
import org.puremvc.as3.multicore.interfaces.INotification;
import org.puremvc.as3.multicore.patterns.command.AsyncCommand;
public class LoadConfigCommand extends AsyncCommand implements IResponder
{
public function LoadConfigCommand()
{
super();
}
var service:HTTPService = new HTTPService;
service.resultFormat = 'xml';
service.url = "your configuration files url";
service.send();
}
public function result( result:Object ):void{
this.commandComplete();
}
public function fault( result:Object ):void{
//如果要中斷流程，需要在這邊傳出 ERROR notification 由其他 Command 處理
}
}

package controllers
{
import org.puremvc.as3.multicore.patterns.command.AsyncMacroCommand;

public class StartupCommand extends AsyncMacroCommand
{
{
super();
}
private function onComplete():void{
trace("end of StartupCommand");
sendNotification( "APP_INIT" );
}
override protected function initializeAsyncMacroCommand():void{
this.setOnComplete( onComplete );
addSubCommand( LoadConfigCommand );
addSubCommand( LoadAssetsCommand );
addSubCommand( LoadXXXCommand );
}
}
}

package com.controls
{
public class GroupEditorCommand extends SimpleCommand implements ICommand
{
public function GroupEditorCommand()
{
super();
}
override public function execute(notification:INotification):void
{
switch( notification.getName() ){
case "GroupEditorCommand.INIT":
//將之前開發用的 proxy notification 組織起來
facade.registerCommand( "DataProxy.ITEM_UPDATED" , GroupEditorCommand );
facade.registerCommand( "XXXProxy.NOTIFICATION_NAME" , GroupEditorCommand );
showLoader();
//看你要做什麼起始
break;
case "DataProxy.ITEM_UPDATED":
//看要叫 proxy 做啥，還是 call 啥畫面出來
break;
}
}
private function clearCommands():void{
facade.removeCommand( "DataProxy.ITEM_UPDATED" );
facade.removeCommand( "XXXProxy.NOTIFICATION_NAME" );
removeLoader();
sendNotification( "GroupEditorCommand.CLOSE" );
}
private function showLoader( string:String ):void{
//將檔畫面的 loader call 到前景
}
private function removeLoader():void{
//remove loader
}
}
}

其實你要怎樣玩它
就開心的玩吧！
想太多就什麼都寫不出來了!

請保持愉快的心情
開心的寫程式吧！

參考資料

• http://trac.puremvc.org/PureMVC_AS3/

• http://www.oreilly.com.tw/product_java.php?id=a163

• http://trac.puremvc.org/Utility_AS3_AsyncCommand

關於 Puremvc Command 的那點事

More Related Content

Viewers also liked (7)

Similar to 關於 Puremvc Command 的那點事 (20)

Recently uploaded (20)

關於 Puremvc Command 的那點事