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

最新推荐文章于 2023-04-06 09:39:15 发布

转载最新推荐文章于 2023-04-06 09:39:15 发布 · 2.4k 阅读

文章标签：

#flash #flex #actionscript #application #function #constructor

Flex and as3 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了如何在FlashCS5中创建影片剪辑，将其导出为SWC文件，并在Flex项目中添加和使用该组件。通过将影片剪辑转换为Flex组件并编写逻辑代码，展示了从Flash到Flex的集成开发流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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=”*”