/s/blog_6264e7aa01011kiv.html
如何将能够制作精美的矢量图形以及动画的flash，结合flex强大的代码逻辑进行开发呢？
我们常常希望在flex开发中可以使用矢量图像，那么其中的一种方案就是将矢量图形作为flash中的元件，而将元件导出为swc格式，然后在flex中以组件的形式进行应用。因为最近在做一个flex信息地图的应用，所以希望将中国地图以矢量图形的形式在flex中使用，这样就可以方便的进行放大和缩小，所以在网上找了很多相关的学习资料，本人觉得最为简单易懂的就是下面这篇转载的博文中介绍的方法，原文地址是：/wapjingle/article/details/7197531关键点：1，给元件添加as类；2，在as类中将父类从MovieClip改为UIMovieClip，只有这样才能够在flex中以标签的形式作为组件使用，否则会报错。3，只要将需要的素材放在一个影片剪辑下，为每个素材均添加as类，修改父类，只需将此影片剪辑导出为swc，那么在flex中就可以以组件的形式使用所有的元件了。
Flash与Flex配合开发，flash导出swc到flex
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文件处于根包中，添加如下代码：
[java]view plaincopypackage{//默认导入的是flash.display.MovieClipimportmx.flash.UIMovieClip;//继承修改为UIMovieClip，这样可以在FB中直接当作组件使用publicclassFishextendsUIMovieClip{//停止在MovieClip的第一帧，在实例化时执行publicfunctionFish(){//constructorcodethis.stop();}//此函数可被FB调用publicfunctionsayHello():String{return"Hello,Iamafish";}}}
5. 保存Flash文件，执行Flash的发布。此时会在FLA的同目录生成一个与FLA文件同名的SWC文件，如FlashSymbol.swc。
6. 创建Flex项目，拷贝FlashSymbol.swc到项目的libs目录，或者设置项目库文件添加这个SWC文件。在Flex主文件mxml中写下：
[java]view plaincopy<?xmlversion="1.0"encoding="utf-8"?><s:Applicationxmlns:fx="/mxml/"xmlns:s="library:///flex/spark"xmlns:mx="library:///flex/mx"minWidth="955"minHeight="600"creationComplete="init()"xmlns:local="*"><fx:Script><![CDATA[importmx.core.UIComponent;privatevarfish:Fish;privatefunctioninit():void{fish=newFish();this.addElement(fish);fish.x=fish.y=50;//调用fish里的方法trace(fish.sayHello());}privatefunctionchangeColor(event:MouseEvent):void{if(changeBtn.label=="蓝色"){//控制鱼元件的帧跳转fish.gotoAndStop(10);changeBtn.label="黄色";}else{fish.gotoAndStop(1);changeBtn.label="蓝色";}}]]></fx:Script><s:Buttonlabel="蓝色"id="changeBtn"click="changeColor(event);"x="264"y="10"/></s:Application>
注意：
1) 在Application标签中添加：xmlns:local=”*”
2) 如果要导出的影片剪辑中有形状动画，导出swc后到flex出错，暂时不知道原因。如果你找到了问题所在，还请留言解惑。
