- 浏览: 41818 次
- 性别:
- 来自: 深圳
最新评论
下面给大家介绍下如何制作[*.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
发表评论
-
关于linkage的loading问题
2010-04-10 13:41 659Flash提供的linkage给我们的编程带来了极大的便利, ... -
关于linkage的loading问题
2010-04-10 13:40 574Flash提供的linkage给我们的编程带来了极大的便利, ... -
纯ActionScript的Loading效果四例
2010-04-10 13:40 530前言:稍微大一些的Flash作品在播放之前都会有一个Load ... -
纯ActionScript的Loading效果四例
2010-04-10 13:40 540前言:稍微大一些的Flash作品在播放之前都会有一个Load ... -
使用ProgressBar,Loader做LOADING简易教程
2010-04-10 13:40 640这里介绍一个用组件ProgressBar,Loader来做LO ... -
as3右键响应事件--使用js屏蔽flash的右键菜单
2010-04-09 14:04 908前几天写了 as3右键响应事件 ,主要是要根据flash中不 ... -
flash 扫雷游戏AS3版
2010-04-09 14:04 1127shaolei.as 是Doument class 在fla ... -
flash 扫雷游戏AS3版
2010-04-09 14:04 672shaolei.as 是Doument class 在fla ... -
AS3.0强大的事件机制
2010-04-09 14:03 590[1b]回顾和比较[/1b] AS1 ... -
AS3.0强大的事件机制
2010-04-09 14:03 498[1b]回顾和比较[/1b] AS1 ... -
as3 使用sound类(翻译)-暂停和继续播放声音
2010-04-09 11:55 606[1b]问题十[/1b] 如何暂停声音,如何从暂停的地 ... -
flash as3学习-类的格式
2010-04-09 11:55 520还是拿这个作例子吧: package { imp ... -
flash as3学习-类的格式
2010-04-09 11:55 627还是拿这个作例子吧: package { imp ... -
flash as3学习-从外部访问类中的变量
2010-04-09 11:54 689第一步: 类文件:Ball.as package { ... -
flash as3学习-从外部访问类中的变量
2010-04-09 11:54 651第一步: 类文件:Ball.as package { ... -
动画人物运动规律与节奏
2010-04-08 11:28 528本文转自:h ... -
Flash绘制美丽风景画之海滩
2010-04-08 11:27 544过前段时间学习,我们掌握了鼠绘的一些初步知识,今天我们来综合一 ... -
Flash制作卷轴水墨画展开动画效果
2010-04-08 11:27 620北京奥运会开幕式上那充满诗意的卷轴,以及它所呈现给我们的一幅幅 ... -
Flash鼠绘入门第十三课:绘制美丽春日飞燕
2010-04-08 11:27 617相传燕子于春天社日北 ... -
跑动的小火柴人(flash动画)
2010-04-08 11:27 547本教程描绘的是完全用ActionScript做的一个火柴棍小人 ...
相关推荐
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编辑器中后可按自己的需要进行修改.
25个精美flash动画FLA源文件,适合爱好学习flash的同学参考,压缩文件包含相应的fla源文件和swf文件,欢迎下载!
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