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.MovieClip import mx.flash.UIMovieClip; //继承修改为UIMovieClip,这样可以在FB中直接当作组件使用 public class Fish extends UIMovieClip { //停止在MovieClip的第一帧,在实例化时执行 public function Fish() { // constructor code this.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=”*”