1.12.使用代码隐藏模式分离MXML和ActionScript

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>

上一篇：1.9.在ActionScript中设置变量的作用域

下一篇：1.11.使用事件冒泡机制

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注