Flex与Flash组合开发最佳实践__Combain Flex&Flash
对于任何一款游戏来说,都不可能离开程序和美术两类人员。
他们都会有自己所熟悉和喜爱的IDE工具,对于Flash平台下的开发,对应的两个工具必然是FlashBuilder和FlashCS
那如何才能将两个工具做到完美的整合呢?
1·下载对应版本的Flex Component Kit并安装
2·在FlashBuilder中建立Flex工程CombineFlexAndFlash
3·在lib文件夹下建立FLA文件UIAssets.fla

4·使用Flash打开UIAssets,按Ctrl+U打开首选项,配置ActionScript的路径,添加 "../src" 路径

选择ActionScript3.0设置

添加../src路径
5·建立测试元件,并转化为UIComponent

6·建立tunied.ui.Demo.as
ActionScript 3语言:
package tunied.ui
{
import mx.flash.UIMovieClip;
public class Demo extends UIMovieClip
{
public var textValue:String
public function Demo()
{
super();
trace("CombineFlexAndFlash Successed!");
}
}
}
{
import mx.flash.UIMovieClip;
public class Demo extends UIMovieClip
{
public var textValue:String
public function Demo()
{
super();
trace("CombineFlexAndFlash Successed!");
}
}
}
7·编辑所创建的原件,使其基类指向Demo.as

8·导出资源,并运行CombineFlexAndFlash.mxml
MXML语言:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo"
minWidth="1024"
minHeight="768"
xmlns:local="*"
width="543"
height="359">
<local:Demo x="41"
y="28"
textValue="ssss"/>
<local:Demo x="92"
y="28"/>
<local:Demo x="142"
y="28"/>
<local:Demo x="194"
y="26"/>
</s:Application>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo"
minWidth="1024"
minHeight="768"
xmlns:local="*"
width="543"
height="359">
<local:Demo x="41"
y="28"
textValue="ssss"/>
<local:Demo x="92"
y="28"/>
<local:Demo x="142"
y="28"/>
<local:Demo x="194"
y="26"/>
</s:Application>
此时控制台应会显示 CombineFlexAndFlash Successed!
这样组合的好处在于可以让美术只更改资源,同时程序在编写代码的时候借助于FlashBuilder的设计模式,也可以达到一种所见即所得的编辑方式.
示例程序(见附件)
更多资料:
如有任何见解讨论疑问等,请给我留言(http://iamzealotwang.javaeye.com)

浙公网安备 33010602011771号