加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

flex 调用 flash影片剪辑

发布时间:2020-12-15 03:52:49 所属栏目:百科 来源:网络整理
导读:http://blog.sina.com.cn/s/blog_6264e7aa01011kiv.html ? ?? ?如何将能够制作精美的矢量图形以及动画的flash,结合flex强大的代码逻辑进行开发呢? ? ?? ?我们常常希望在flex开发中可以使用矢量图像,那么其中的一种方案就是将矢量图形作为flash中的元件,

http://blog.sina.com.cn/s/blog_6264e7aa01011kiv.html


????如何将能够制作精美的矢量图形以及动画的flash,结合flex强大的代码逻辑进行开发呢?

? ?? ?我们常常希望在flex开发中可以使用矢量图像,那么其中的一种方案就是将矢量图形作为flash中的元件,而将元件导出为swc格式,然后在flex中以组件的形式进行应用。
? ?? ?因为最近在做一个flex信息地图的应用,所以希望将中国地图以矢量图形的形式在flex中使用,这样就可以方便的进行放大和缩小,所以在网上找了很多相关的学习资料,本人觉得最为简单易懂的就是下面这篇转载的博文中介绍的方法,原文地址是: http://www.voidcn.com/article/p-biayanon-bag.html
? ?? ?关键点: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 plain copy
  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. }??

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

?

copy
    <?xml?version="1.0"?encoding="utf-8"?>??
  1. <s:Application?xmlns:fx="http://ns.adobe.com/mxml/2009"???
  2. ???????????????xmlns:s="library://ns.adobe.com/flex/spark"???
  3. ???????????????xmlns:mx="library://ns.adobe.com/flex/mx"?minWidth="955"?minHeight="600"??
  4. ???????????????creationComplete="init()"?xmlns:local="*"??
  5. ???????????????>??
  6. ????<fx:Script>??
  7. ????????<![CDATA[??
  8. import?mx.core.UIComponent;??
  9. private?var?fish:Fish;??
  10. private?function?init():void{??
  11. ????????????????fish?=?new?Fish();??
  12. ????????????????this.addElement(fish);??
  13. ????????????????fish.x?=?fish.y?=?50;??
  14. //调用fish里的方法??
  15. ????????????????trace(fish.sayHello());??
  16. ????????????}??
  17. private?function?changeColor(event:MouseEvent):if(changeBtn.label?==?"蓝色"){??
  18. ????????????????????//控制鱼元件的帧跳转??
  19. ????????????????????fish.gotoAndStop(10);??
  20. ????????????????????changeBtn.label?=?"黄色";??
  21. ????????????????}else{??
  22. ????????????????????fish.gotoAndStop(1);??
  23. ????????????????????changeBtn.label?=?"蓝色";??
  24. ????????????????}??
  25. ????????]]>??
  26. ????</fx:Script>??
  27. ????<s:Button?label="蓝色"?id="changeBtn"?click="changeColor(event);"??x="264"?y="10"/>??
  28. </s:Application>??

注意:
1) 在Application标签中添加:xmlns:local=”*”
2) 如果要导出的影片剪辑中有形状动画,导出swc后到flex出错,暂时不知道原因。如果你找到了问题所在,还请留言解惑。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读