下面给大家介绍下如何制作[*.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
发表评论
-
TOMCAT+JSP+ACCESS+FLASH连接数据库
2010-04-10 14:05 643很多新人问FLASH和数据库连接的方法,这里介绍一下,后台可 ... -
Flash站技术应用(7)—FileReference路径获取问题
2010-04-10 14:04 868关于flash后台通信问题,大家先看下 火山的Flash+a ... -
Flash全站的技术应用-Flash也能播放wmv,wma
2010-04-10 14:04 676前言 Flash能播放除flv,m ... -
flash与后台交互时的数据压缩浅析
2010-04-10 14:04 644问题:有如下一段字符串,需要提交到后台做保存。为了提高传输速 ... -
flash与后台交互时的数据压缩浅析
2010-04-10 14:04 629问题:有如下一段字符串,需要提交到后台做保存。为了提高传输速 ... -
flash中NetConnection与NetStream知识整理
2010-04-09 14:30 522NetConnection只有一个connect方法,NetS ... -
flv制作工具大全
2010-04-09 14:30 608Collected links to Flash Vid ... -
FLV播放器汇总
2010-04-09 14:29 611http://www.dengjie.com/weblog/c ... -
了解下flv播放器的基本功能
2010-04-09 14:29 582测试的时候在同目录下创建个“flv”文件夹,把要播放的视频文件 ... -
了解下flv播放器的基本功能
2010-04-09 14:29 638测试的时候在同目录下创建个“flv”文件夹,把要播放的视频文件 ... -
as3 使用sound类(翻译)-暂停和继续播放声音
2010-04-09 12:20 1141[1b]问题十[/1b] 如何暂停声音,如何从暂停的地 ... -
AS3 onReleaseOutside 事件模拟
2010-04-09 12:20 663昨天听群里的朋友在讨论AS3 onReleaseOutsid ... -
AS3 onReleaseOutside 事件模拟
2010-04-09 12:19 660昨天听群里的朋友在讨论AS3 onReleaseOutsid ... -
关于AS3中的深度复制
2010-04-09 12:19 610关于AS3中的深度复制( 参见 ),只能复制Object属性, ... -
关于AS3中的深度复制
2010-04-09 12:19 486关于AS3中的深度复制( 参见 ),只能复制Object属性, ... -
文本乱码过渡动画效果类
2010-04-08 11:53 671经常看到国外酷站使用这种文本过度效果,搜了一下没找到,正好今天 ... -
文本乱码过渡动画效果类
2010-04-08 11:53 536经常看到国外酷站使用这种文本过度效果,搜了一下没找到,正好今天 ... -
Flash cs3组件皮肤
2010-04-08 11:53 558Adobe develop center的新文章Skinnin ... -
FLASH CS3快速打造一个小奶瓶图标
2010-04-08 11:52 512在下面的教程里,我们将从基本形状开始,完全使用FLASH画一个 ... -
Flash制作卷轴水墨画展开动画效果
2010-04-08 10:12 812北京奥运会开幕式上那充满诗意的卷轴,以及它所呈现给我们的一幅幅 ...
相关推荐
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等文件