flex 调用 flash影片剪辑

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

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

我们常常希望在flex开发中可以使用矢量图像，那么其中的一种方案就是将矢量图形作为flash中的元件，而将元件导出为swc格式，然后在flex中以组件的形式进行应用。

因为最近在做一个flex信息地图的应用，所以希望将中国地图以矢量图形的形式在flex中使用，这样就可以方便的进行放大和缩小，所以在网上找了很多相关的学习资料，本人觉得最为简单易懂的就是下面这篇转载的博文中介绍的方法，原文地址是：http://blog.csdn.net/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 plaincopy

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文件，执行Flash的发布。此时会在FLA的同目录生成一个与FLA文件同名的SWC文件，如FlashSymbol.swc。
6. 创建Flex项目，拷贝FlashSymbol.swc到项目的libs目录，或者设置项目库文件添加这个SWC文件。在Flex主文件mxml中写下：

[java] view plaincopy

<?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;
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=”*”
2) 如果要导出的影片剪辑中有形状动画，导出swc后到flex出错，暂时不知道原因。如果你找到了问题所在，还请留言解惑。

flex 调用 flash影片剪辑相关推荐

哇！Flash影片剪辑导出静止的问题被解决了！
引用:https://www.zhihu.com/question/65375211 很简单,影片剪辑转换成图形即可. 转载于:https://www.cnblogs.com/-AClon-/p/ ...
（旧）子数涵数·Flash——影片剪辑的基本操作
一.什么是影片剪辑影片剪辑是Flahs元件中的一种,另外的两种分别是图形和按钮. 制作一个影片剪辑,方法如下: 二.getProperty 中译:设置影片剪辑用法:getProperty(实例名称 ...
影片剪辑动起来-雅酷互动flash简易教程第2篇
影片剪辑动起来-雅酷互动flash简易教程第2篇在百度看到有网友留言说更新太慢,在这里向大家先说声抱歉,因为年底事情比较多,所以很难静下来写第三篇,但是,以后我会尽量以每周一篇的速度进行更新,如果有 ...
玩的就是影片剪辑-雅酷flash as2简易教程第1篇
玩的就是影片剪辑-雅酷flash as2简易教程第1篇上一篇教程出来以后,很多网友留言,问我为什么不直接讲as3,而是很过时的唠叨as2,这里首先澄清一下,as3是一个好东西,本博客并非要视as3为 ...
flash AS3.0访问加载的SWF文件中的属性、方法以及类、库中的影片剪辑
对于FLASH,我们可以把任何的可视化元件都看成某个类文件的具体实例,包括swf文件. 我们可以把swf文件看成一个类的具体实例,而它里面拥有个个其他类的实例对象,例如: 我们新建一个loaded.f ...
怎么在FLASH的场景中控制影片剪辑的播放和停止
<--好消息!好消息!好消息! 粉丝超过2000的公众号主快来接单吧,快来领取你的第一笔广告费.(粉丝数不够的小伙伴,请私信我一并解决) 新用户注册红包1.8元,新用户注册并接单红包9.9元. ...
Flash AS入门教程：影片剪辑第一节创建影片剪辑
本例继续讲解AS的基础知识,今天我们来学习Flash AS入门系列教程第七课:影片剪辑第一节创建影片剪辑~~ 影片剪辑影片剪辑就象一个独立的swf一样,运行时不受主时间轴的限制,它有它自已的时间轴. ...
flash在影片剪辑里面跳转场景
奶奶个熊.gotoandplay有那个场景参数.在影片剪辑里面死活不行.但直接在场景里可以.后来狂百度.最后找到个可以用的解决方案.把我要跳转的场景的帧取个标签名.然后用如下的代码.在with里面继续 ...
FLASH中影片剪辑和图形元件的区别与特点
区别: (1)影片剪辑的播放完全独立于时间轴.即使主场景中只有一个帧,也不会影响影片影片剪辑的播放.但是图形元件就不同了--如果主场景中只有一个帧,那么其中的图形元件也只能永远显示一个帧. (2)影片 ...
flex与flash的交互
所谓flex与flash的交互,说白了就是在felx里加载swf文件,flex和swf中的脚本互相调用,以下一个小实例. flash 方面建两个关键帧,在第二帧上添加一个button,命名为ozbut ...

flex 调用 flash影片剪辑

flex 调用 flash影片剪辑相关推荐

最新文章

热门文章