1.12.使用代碼隱藏模式分離MXML和ActionScript

2024-04-29 18:53:26

字體：大中小

來源：轉載

供稿：網友

1.12.1.問題
我想使用代碼隱藏模式將ActionScript和MXML代碼分離開。
1.12.2.解決辦法
在ActionScript創建繼承自Flex庫的類，添加屬性和方法提供相應的功能，然后創建MXML
文件并繼承你創建的那個類。
1.12.3.討論
如果你熟悉ASP.NET開發，一定聽說過“代碼隱藏”，同樣地，如果你熟悉腳本語言(Ruby on Rails, JavaServer Pages (JSP) 開發, PHP,等等)中采用的應用程序視圖和控制器相分離的觀念。要控制這些代碼便于閱讀以及清晰度，最好的策略就是把實際布局元素從代碼中分離出來。用此方法開發的程序項目所需的文件數會使得項目操作變得很困難，因為每個組件都要產生兩個文件。此外，分離業務邏輯和視圖邏輯經常也是很困難的，這樣會導致組件的中的代碼分離部份難以理解。但是還是有很多開發人員喜歡這種方式，因為有時候它能幫助你闡明應用程序的工作原理。

首先看一下“代碼隱藏”的后面部分：一個組件繼承這個類(mx.containers.Canvas)，包含監聽組件被添加到stage的方法以及處理任何事件的方法和專門處理鼠標單擊事件的方法。

-ActionScript

package oreilly.cookbook {
import mx.containers.Canvas;
import flash.events.Event;
public class CodeBehindComponent extends Canvas {
public function CodeBehindComponent() {
super();
addEventListener(Event.ADDED_TO_STAGE, addedToStageListener);
}
protected function addedToStageListener(event:Event):void {
trace("Added to Stage from Code Behind ");
}
protected function clickHandler(event:Event):void {
trace("Click handled from component " +event.target);
}
}
}

在這個例子中，方法被標記為protected和private作用域相當，因為這是代碼隱藏的一部分代碼，MXML將繼承CodeBehindComponent類及其方法：

-XML

<cookbook:CodeBehindComponent xmlns:mx="http://www.adobe.com/2006/mxml" width="200" height="400" xmlns:cookbook="oreilly.cookbook.*">
<mx:Button click="clickHandler(event)"/>
</cookbook:CodeBehindComponent>