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

来源:互联网 发布:mac上好用的手绘软件 编辑:程序博客网 时间:2024/05/21 08:04

Flash导出SWC,FB项目类库中添加SWC;

1. 在Flash CS5中创建FLA文件crazy.fla,创建一个影片剪辑,起一个英文名字,如Fish,在“高级”中勾选”Export for ActionScript”。其它默认。

2.在影片剪辑的第一帧放入蓝色方块,第十帧放入黄色方块

3回到场景,在库面板中选中刚创建的Fish影片剪辑,在上面的菜单栏中选择【命令】--》【将原件转换为flex组件】,这时output面板会输出信息

4(可选)如果你想为这个影片剪辑编写一些逻辑代码,右击库中影片剪辑,选择”编辑类”,会为你创建一个AS文件,默认与FLA文件处于根包中,

系统会询问 哪个应用程序应该编辑ActionScript3.0类,选flash Builder,会提示新建一个Flash Profession项目

选Flash Profession添加如下代码后,保存为Fish.as

添加代码如下:

 

package  {//默认导入的是flash.display.MovieClipimport mx.flash.UIMovieClip;//继承修改为UIMovieClip,这样可以在FB中直接当作组件使用public class Fish extends UIMovieClip {//停止在MovieClip的第一帧,在实例化时执行public function Fish() {// constructor codethis.stop();}//此函数可被FB调用public function sayHello():String{return "Hello, I am a fish";}}}


5. 保存Flash文件,我当时就保存在桌面上,命名为crazy.fla,执行Flash的发布。此时会在FLA的同目录生成一个与FLA文件同名的SWC文件,如crazy.swc。

6. 创建Flex项目,拷贝FlashSymbol.swc到项目的libs目录,

  或者设置项目库文件添加这个SWC文件。(具体方法是:右击Flex项目名-properties-Flex构建路径 -点击【添加swc】按钮,选择相应的路径)

 在Flex主文件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/mx" minWidth="955" minHeight="600"   creationComplete="init()" xmlns:local="*"   ><fx:Script><![CDATA[import mx.core.UIComponent;                            import Fish;//根据情况添加;
private var fish:Fish;private function init():void{fish = new Fish();this.addElement(fish);fish.x = fish.y = 50;//调用fish里的方法trace(fish.sayHello());}private function changeColor(event:MouseEvent):void{if(changeBtn.label == "蓝色"){//控制鱼元件的帧跳转fish.gotoAndStop(10);changeBtn.label = "黄色";}else{fish.gotoAndStop(1);changeBtn.label = "蓝色";}}]]></fx:Script><s:Button label="蓝色" id="changeBtn" click="changeColor(event);"  x="264" y="10"/></s:Application>

注意:
1) 在Application标签中添加:xmlns:local=”*”
原创粉丝点击