(转)Flash与Flex配合开发,flash导出swc到flex

http://blog.csdn.net/wapjingle/article/details/7197531

Flash与Flex常配合起来开发游戏,通常方法有两种:
1 Flash创建元件资源给FB,由FB实现编译
2 FB创建纯ActionScript项目,作为Flash的文档类,由FP编译

这里主要说明第1种,这是一种很多程序员都使用的方式。Flash创建元件资源给FB,还有两种方式:
1 SWF。Flash导出SWF,FB通过loader或者SWFLoader加载;
2 SWC。Flash导出SWC,FB项目类库中添加SWC;

第一种方式已经有很多介绍,这里不多说。笔者偏向第二种方式。下面说明实现步骤:

强调一下,Flash必须使用Flash CS5,之前版本的Flash无法生成供FB直接调用的SWC,需要下载一个插件Flex Component kit,较麻烦,所以请先安装Flash CS5。
我们做一个DEMO,由FLash制作一个鱼元件,元件第1帧是蓝色,第10帧是黄色。将鱼元件导出为swc,在flex中通过按钮控制鱼元件在1和10帧之间跳转。

1. 在Flash CS5中创建FLA文件,创建一个影片剪辑,起一个英文名字,如Fish,在“高级”中勾选”Export for ActionScript”。其它默认。
2. 绘制你的动画。
3. 在库面板中选中创建的影片剪辑,菜单中”Commands”->”Convert symbol to Flex Component”。OUTPUT面板会输出信息。
4. (可选)如果你想为这个影片剪辑编写一些逻辑代码,右击库中影片剪辑,选择”Edit Class”,会为你创建一个AS文件,默认与FLA文件处于根包中,添加如下代码:

  1. package  {  
  2.     //默认导入的是flash.display.MovieClip  
  3.     import mx.flash.UIMovieClip;  
  4.     //继承修改为UIMovieClip,这样可以在FB中直接当作组件使用  
  5.     public class Fish extends UIMovieClip {  
  6.    
  7.         //停止在MovieClip的第一帧,在实例化时执行  
  8.         public function Fish() {  
  9.             // constructor code  
  10.             this.stop();  
  11.         }  
  12.         //此函数可被FB调用  
  13.         public function sayHello():String{  
  14.             return "Hello, I am a fish";  
  15.         }  
  16.     }  
  17.    
  18. }  

5. 保存Flash文件,执行Flash的发布。此时会在FLA的同目录生成一个与FLA文件同名的SWC文件,如FlashSymbol.swc。
6. 创建Flex项目,拷贝FlashSymbol.swc到项目的libs目录,或者设置项目库文件添加这个SWC文件。在Flex主文件mxml中写下:

    1. <?xml version="1.0" encoding="utf-8"?>  
    2. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"   
    3.                xmlns:s="library://ns.adobe.com/flex/spark"   
    4.                xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"  
    5.                creationComplete="init()" xmlns:local="*"  
    6.                >  
    7.     <fx:Script>  
    8.         <![CDATA[  
    9.             import mx.core.UIComponent;  
    10.    
    11.             private var fish:Fish;  
    12.             private function init():void{  
    13.                 fish = new Fish();  
    14.                 this.addElement(fish);  
    15.                 fish.x = fish.y = 50;  
    16.                 //调用fish里的方法  
    17.                 trace(fish.sayHello());  
    18.             }  
    19.             private function changeColor(event:MouseEvent):void{  
    20.                 if(changeBtn.label == "蓝色"){  
    21.                     //控制鱼元件的帧跳转  
    22.                     fish.gotoAndStop(10);  
    23.                     changeBtn.label = "黄色";  
    24.                 }else{  
    25.                     fish.gotoAndStop(1);  
    26.                     changeBtn.label = "蓝色";  
    27.                 }  
    28.             }  
    29.         ]]>  
    30.     </fx:Script>  
    31.     <s:Button label="蓝色" id="changeBtn" click="changeColor(event);"  x="264" y="10"/>  
    32. </s:Application>  
    33. 注意:
      1) 在Application标签中添加:xmlns:local=”*”
      2) 如果要导出的影片剪辑中有形状动画,导出swc后到flex出错,暂时不知道原因。
原文地址:https://www.cnblogs.com/tinytiny/p/2706918.html