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

2024-04-27 13:51:42

字體：大中小

供稿：網(wǎng)友

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

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

-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);
}
}
}

在這個(gè)例子中，方法被標(biāo)記為protected和private作用域相當(dāng)，因?yàn)檫@是代碼隱藏的一部分代碼，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>