下面给大家介绍下如何制作[*.fla]形态的组件(Component),
这种组件区别于SWC组件,和CS3自带的组件一样能够双击进入组件里面编辑.
//应该是CS3新增加的一种组件形态,以制作一个MyButton组件为例子.
分如下几个步骤:
1、首先创建一空白的ActionScript3.0的flash文档,然后保存文件命名为:"FLA_ComponentX".//名称可以任意.
2、CTRL+F8,新建一空白剪辑,取名为"Avatar",进入编辑,第一真上我们画一矩形框(Stroke style我们选择"hairline",最细的线条),不用填充,一定要记得设置坐标为(0,0),位置固定的.
3、CTRL+F8,继续新建个空白剪辑,取名为"NormalSkin",点开高级设置,把"导出ActionScript","导出到第一真"两项打勾,class中填入"NormalSkin",最后把"启动9-scale缩放的引导线"选项打勾,最后确定,进入编辑,画一填充圆角矩形,设置颜色为灰色,摆放位置(0,0),可以拖动9-scale缩放的引导线,如图对齐,作用是让圆角矩形进行所放的时候保持四个定位的角不变形,这个矩形用来做按钮的普通模式的皮肤.
4、CTRL+F8,继续新建个空白剪辑,同上,取名为"OverSkin",点开高级设置,把"导出ActionScript","导出到第一真"两项打勾,class中填入"OverSkin",最后把"启动9-scale缩放的引导线"选项打勾,最后确定,进入辑,画一填充圆角矩形,设置颜色为红色,摆放位置(0,0),这个矩形用来做按钮的鼠标经过模式的皮肤.
5、CTRL+F8,新建个空白剪辑(这下我们建立的就是最终的按钮组件,上面建立的都是这按钮的组成部分),取名为"MyButton",点开高级设置,把"导出ActionScript","导出到第一真"两项打勾,class中填入"MyButton",然后确定,进入编辑,第一层取名为"avatar",然后第一真上我们从库中把"Avatar"元件拖放到场景中,放置到(0,0)位置,这一真的内容在我们最后运行组件的时候是看不到的,作用主要是用来控制整个组件的宽高.然后我们新建立一层,取名"skins",在第二真上我们把库中的"NormalSkin"和"OverSkin"组件拖进来,位置可以随意摆放,这上面的元件是我们将来使用组件的时候,双击进入能够进行设置的.
6、点中库中的"MyButton"元件,右键菜单中选"Component Definition"(组件定义)选项,会进入一窗口,把类名填上"MyButton",再把"diaplay in Components panel"选项打上钩,"Tool tiptext"中填入组件名称,我这里填"MyButton".这里还有设置组件的preview(预览)效果还有图标等,其他内容大家可根据需要自行设置.
7、到这步,我们会发现还缺少一个外部的自定义组件的代码,也就是上面"MyButton"元件连接的"MyButton"类.由于类中导入了组件类,所以我们要设置FLASH CS3的classPath(类路径),选编辑-->参数设置-->ActionScript-->ActionScript3.0,添加一新的类搜索路径,我这里为"D:\Program Files\Adobe\Adobe Flash CS3\en\Configuration\Component Source\ActionScript 3.0\User Interface"
//大家根据各自情况来设置好路径,新建ActionScript文档,填入如下代码:
/************MyButton.as**************/
package{
import flash.display.*;
import flash.events.*;
import flash.system.ApplicationDomain;
import fl.core.UIComponent;
public class MyButton extends UIComponent {
private var nowSkin:MovieClip;
private var thisDomain:ApplicationDomain;
public function MyButton() {
super();
trace("MyButton");
}
override protected function draw():void {
if (nowSkin==null) {
thisDomain=loaderInfo.applicationDomain;
var classDef
try{
classDef=thisDomain.getDefinition(getNormalSkinName());}
catch(e:ReferenceError){
trace("没有在库中找到相关的类!")
return;
}
nowSkin=new classDef as MovieClip;
nowSkin.addEventListener(MouseEvent.MOUSE_OVER,mouseOverHandler);
addChild(nowSkin);
}
nowSkin.width=width;
nowSkin.height=height;
}
protected function mouseOverHandler(e:MouseEvent):void{
trace("over");
removeChild(nowSkin);
var classDef=thisDomain.getDefinition(getOverSkinName());
nowSkin=new classDef as MovieClip;
addChild(nowSkin);
本文转自:http://www.5uflash.com/flashjiaocheng/Flash-cs3/1727.html
发表评论
-
JSP+FLASH数据传输
2010-04-10 13:59 783回答了个简单的JSP+FLASH问题,竟然被加分了 不好意思 ... -
AS3直接连接SQL驱动下载
2010-04-10 13:59 545flash asSQL组件下载地址: http://macle ... -
AS3直接连接SQL驱动下载
2010-04-10 13:59 778flash asSQL组件下载地址: http://macle ... -
Flash与.NET的通信(一):XMLConnector的应用
2010-04-10 13:59 568一:简介 [font="Times] ... -
Flash与.NET的通信(一):XMLConnector的应用
2010-04-10 13:58 609一:简介 [font="Times] ... -
awflasher的Vplayer 2.1 ( FLV Player )
2010-04-09 14:25 502[1b]功能概述[/1b] 所有播放逻辑均已封装成([1b ... -
awflasher的Vplayer 2.1 ( FLV Player )
2010-04-09 14:24 597[1b]功能概述[/1b] 所有播放逻辑均已封装成([1b ... -
FLV on P2P 下一个流行的video格式
2010-04-09 14:24 665看到 幻灭 处介绍了一款 Youtube Speed Acc ... -
FLV on P2P 下一个流行的video格式
2010-04-09 14:24 672看到 幻灭 处介绍了一款 Youtube Speed Acc ... -
flv在线视频播放
2010-04-09 14:24 782呢感有写网友也想做个在线视频什么的,现在给个例子大家 方法其实 ... -
as3 使用sound类(翻译)-获取文件大小
2010-04-09 12:14 649[1b]问题六[/1b] ... -
as3 使用sound类(翻译)-读取声音信息
2010-04-09 12:14 698[1b]问题七[/1b] 我们现在想获取正在播放的MP3文件的 ... -
as3 使用sound类(翻译)-读取声音信息
2010-04-09 12:14 629[1b]问题七[/1b] 我们现在想获取正在播放的MP3文件的 ... -
as3 使用sound类(翻译)-声音播放结束消息
2010-04-09 12:13 1027[1b]问题八[/1b] 当我们播放音乐以后,想 ... -
as3 使用sound类(翻译)-声音播放结束消息
2010-04-09 12:13 820[1b]问题八[/1b] 当我们播放音乐以后,想 ... -
Flash cs3组件皮肤
2010-04-08 11:47 546Adobe develop center的新文章Skinnin ... -
FLASH CS3快速打造一个小奶瓶图标
2010-04-08 11:47 668在下面的教程里,我们将从基本形状开始,完全使用FLASH画一个 ... -
flash cs3测试和发布影片问题
2010-04-08 11:47 727问: 按ctrl+Enter后有导出进度条,但就是没导出影片. ... -
Flash CS3(SWF9) 影片格式反编译的工具ActionScript Viewer 6.0
2010-04-08 11:47 812全球首个支持 Flash CS3(SWF9) 影片格式反编译的 ... -
指针随鼠标移动的flash卡通时钟
2010-04-08 10:07 371。先看下时钟效果: var fnum:Number = ...
相关推荐
flash非组件翻页效果,flash非组件翻页效果fla文件,flash非组件翻页效果源文件
便于学习研究flash,提供了fla ,swf文件还有所需脚本语言,以及其他素材。
FLASH 源文件 fla如何制作FLASH,FLASH入门
如果使用flash cs3 cs4版本 CTRL+L打开库里面找到字体对应的元件,把字体 的属性里面设置 为”使用设备字体“,或直接ctrl+b 2次 把字体打散,即可正常导出swf 或直接使用flash cs5版本不用修改字体就可以正常导出...
14款Flash导航菜单+带fla源文件
flash浇灌效果fla文件,这个方法是比较简单的
FlashLoaded精彩flash组件与fla源文件-
汽车厂商Flash广告动画fla源文件,这是来自东风汽车制造公司的新品上市Flash广告动画,十分流畅的动画效果,大屏幕汽车广告动画源文件,现在好像采用Flash文件的比较少了,紧跟时代步伐,现在大都HTML5了,但HTML5...
flash地球.fla
FLASH云效果 FLA文档
网站首页FLASH动态菜单FLA文件. 将此文件导入FLASH8编辑器中后可按自己的需要进行修改.
FLASH光圈效果 FLA文档
Flash儿童动画广告Fla源文件,色彩很艳的卡通片头,氏量设计,Flash中制作氏量图,也是一大特色哦,有时候使用Flash画氏量图也查相当方便的。本款Flash动画来自韩国,对学习Flash动画创作很有参考意义。
圣诞节的flash,内容有点小。fla文件,欢迎下载。
24个超简单FLash作品、提供Flash源文件和生成的Flash动画,适合当作业提交,适合对Flash感兴趣的人。 二个文件: 1、Flash.fla 2、Flash.swf
116个Flash菜单素材fla格式,压缩包内包括swf文件和fla源文件,便于学习和研究使用
钟表flash作业.fla
flash作业.fla
25个超简单FLash作品、提供Flash源文件和生成的Flash动画,适合当作业提交,适合对Flash感兴趣的人。 二个文件: 1、Flash.fla 2、Flash.swf
flash经典案例,含素材,fla等文件