Skip to main content

Robotlegs AS3 MVC framework in Flex project (II)



這次的範例是兩組 viewComponent 共用同一個 Mediator 外加不同的 instance:
Source code download


要共用的重點就是介面(Interface),所以你會發現這次的兩組 viewComponent 都有實作 IMessageBox
IMessageBox:

public interface IMessageBox
{
function update( newline:String ):void;
}

然後在兩組的 viewComponent 中實作 IMessageBox

<s:Group ....
implements="IMessageBox"
>

<fx:script>
.....
public function update( newline:String ):void{
//IMessageBox interface 實作
data.addItem( newline );
}
.....
</fx:Script>


接下來修改的部份為 MessageBoxMediator

....
[Inject]
public var view:IMessageBox;
//同樣注入屬性...這次記得改成 interface. 因為此 Mediator 為共用
....


接下來在 RobotLegContext startup() 中修改:

....
override public function startup():void
{
//bootstrap here
//auto start, injectViewAs 寫入 viewComponent interface
mediatorMap.mapView( MessageBox, MessageBoxMediator , IMessageBox );
mediatorMap.mapView( MessageBox1, MessageBoxMediator , IMessageBox );
}
....


你會發現 mapView 的 injectViewAs:Class 填入 interface class, 這時候 Robotlegs 的核心在比對 class 的時候才會以 IMessageBox 為主,否則 Mediator 將無法共用,因為在 MessageBoxMediator [Inject] 的 view 為 IMessageBox, 而不是各自實作的 class。

規劃 viewComponent 的共用性也需要考量一下,不然很有可能會有 interface 滿天飛的狀況喔!
以上範例都沒說明到 Command, Proxy and Service ,有興趣的朋友請自行到官網上去找尋相關的教學文章囉!

結論:
Robotlegs 真的很適合懶人 + AS3 MVC 新手學習,不過 Robotlegs 在背地裡做了很多事情,尤其自動化這點雖然方便但是也出現一些奇怪的現象,所以掌控啟動順序可能會比直接用自動化來的安全些...慶幸的是 Robotlegs 程式彈性相當大,非自動化操作起來也是相當的方便。 =)

Comments

Popular posts from this blog

PureMVC 我也會 [6]

Mediator ViewComponents 與 pureMVC 架構的中介 監聽並反應 View Component 發出的 Event 可以發送與接收 Notification 儘量少操作 Proxy 公開方法,多用 sendNotification... Mediator design pattern 要多認識這個 Mediator 設計模式的話,請自行看連結說明啊! 簡單來講,假使有一個 View 裡面有好幾個 MovieClip 組成,而這些 MovieClip 會互相影響對方...這個情況在 Flash 中,通常都會變成下圖: MovieClip 直接控制其他 MovieClip 搞到整個關係很複雜...換一個元件簡直是災難。 加入 Mediator 後,示意圖就會變成: 這樣,所有的 MovieClip 都透過 Mediator 來跟其他 MovieClip 溝通,當某一個 MovieClip 替換成別的元件,這時候也只需要修改 Mediator 中的引用即可,是不是變得很乾淨?如果同一組 MovieClip 有另外一個操作模式,也只需要替換掉 Mediator 即可!天下太平啊~~~ 而 PureMVC 中就是利用 Mediator class 為與前端 ViewComponent 的中介,這樣可以切開 ViewComponent 與 PureMVC framework 的關係,不管你前端介面使用 Flash or Flex 製作都跟程式核心無關。 所以 ViewComponent 製作時只需要兩個原則,一把所有的請求都以 Event 送出由 Mediator 處理,二提供公開方法, Mediator 只需要監聽 View 的 Event,將收到的資訊透過公開方法喂進 ViewComponent 即可。 如在 ViewComponent 中: public function setList( result:Object ):void{ list.dataProvider = result as ArrayCollection; } //然後在按下取得資料的按鈕 Click action 寫上: dispatchEvent( new Event( "GET_LIST" )); 新建 Mediator 的時候一樣有幾個重點方...