`
hereson
  • 浏览: 1449861 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

Flash CS3制作Fla形式的组件

阅读更多

 本文为大家介绍如何制作Flash CS3中的[*.fla]形式的的组件(Component)。这种组件和SWC组件不同,它和CS3自带的组件一样能够双击进入组件里面编辑,是Flash CS3新增加的一种组件形态。下面我们制作一个MyButton组件为例子。

  制作步骤: Webjx.Com

  1、首先创建一空白的ActionScript3.0的flash文档,然后保存文件命名为:"FLA_ComponentX".//名称可以任意。 Webjx.Com

  2、CTRL+F8,新建一空白剪辑,取名为"Avatar",进入编辑,第一真上我们画一矩形框(Stroke style我们选择"hairline",最细的线条),不用填充,一定要记得设置坐标为(0,0),位置固定的. Webjx.Com

  3、CTRL+F8,继续新建个空白剪辑,取名为"NormalSkin",点开高级设置,把"导出ActionScript","导出到第一真"两项打勾,class中填入"NormalSkin",最后把"启动9-scale缩放的引导线"选项打勾,最后确定,进入编辑,画一填充圆角矩形,设置颜色为灰色,摆放位置(0,0),可以拖动9-scale缩放的引导线,如图对齐,作用是让圆角矩形进行所放的时候保持四个定位的角不变形,这个矩形用来做按钮的普通模式的皮肤.

 

  4、CTRL+F8,继续新建个空白剪辑,同上,取名为"OverSkin",点开高级设置,把"导出ActionScript","导出到第一帧"两项打勾,class中填入"OverSkin",最后把"启动9-scale缩放的引导线"选项打勾,最后确定,进入辑,画一填充圆角矩形,设置颜色为红色,摆放位置(0,0),这个矩形用来做按钮的鼠标经过模式的皮肤.

Webjx.Com


  5、CTRL+F8,新建个空白剪辑(这下我们建立的就是最终的按钮组件,上面建立的都是这按钮的组成部分),取名为"MyButton",点开高级设置,把"导出ActionScript","导出到第一真"两项打勾,class中填入"MyButton",然后确定,进入编辑,第一层取名为"avatar",然后第一帧上我们从库中把"Avatar"元件拖放到场景中,放置到(0,0)位置,这一真的内容在我们最后运行组件的时候是看不到的,作用主要是用来控制整个组件的宽高.然后我们新建立一层,取名"skins",在第二帧上我们把库中的"NormalSkin"和"OverSkin"组件拖进来,位置可以随意摆放,这上面的元件是我们将来使用组件的时候,双击进入能够进行设置的.

Webjx.Com


  6、点中库中的"MyButton"元件,右键菜单中选"Component Definition"(组件定义)选项,会进入一窗口,把类名填上"MyButton",再把"diaplay in Components panel"选项打上钩,"Tool tiptext"中填入组件名称,我这里填"MyButton".这里还有设置组件的preview(预览)效果还有图标等,其他内容大家可根据需要自行设置。

   Webjx.Com

  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);
   nowSkin.addEventListener(MouseEvent.MOUSE_OUT,mouseOutHandler);
   draw();
  }
  protected function mouseOutHandler(e:MouseEvent):void{
网页教学网

   trace("out");
   removeChild(nowSkin);
   var classDef=thisDomain.getDefinition(getNormalSkinName());
   nowSkin=new classDef as MovieClip;
   addChild(nowSkin);
   nowSkin.addEventListener(MouseEvent.MOUSE_OVER,mouseOverHandler);
   draw();
  }
  protected function getNormalSkinName():String {
   return "NormalSkin";
  }
  protected function getOverSkinName():String {
   return "OverSkin";
  }

}
}

  代码对我们建立的按钮组件进行一些设置,我这里只简单设置了鼠标经过和离开。接着保存,名为"MyButto.as",位于我们上面建立的"FLA_ComponentX.fla"同目录下。

评论

相关推荐

    Flash_CS3动画制作基础教程教案.docx

    Flash CS3的工作环境包括标题栏、菜单栏、工具箱、浮动面板等组件。工具箱中包含了各种绘图工具,浮动面板如属性、滤镜、参数、颜色和库面板则提供详细的设置和管理功能。此外,开始页提供了快速访问最近项目、新建...

    DELPHI+FLASH CS3互交

    标题中的"DELPHI+FLASH CS3互交"是指在Delphi编程环境中与Adobe Flash CS3之间进行交互的技术。Delphi是一种强大的Object Pascal编程工具,主要用于Windows应用开发,而Flash CS3是Adobe的一款动画和多媒体创作软件...

    FLASH CS3创建的MovieClip通过代码加入到场景

    在IT行业中,动画和交互设计是重要的一环,而Adobe Flash CS3曾是这个领域的主要工具之一。这篇博文“FLASH CS3创建的MovieClip通过代码加入到场景”探讨了如何利用ActionScript 2.0(Flash CS3所使用的编程语言)将...

    AS3+XML+flash cs3 网站源码

    `test.fla`是Flash CS3的工作文件,其中包含动画、图层、帧和AS3脚本等所有元素,是整个项目的核心。你可以用它来查看和编辑网站的各个组件和行为。`index.html`是网页的入口文件,它通常包含嵌入Flash内容所需的...

    Flash动画制作全套教案优选.doc

    【Flash动画制作全套教案优选】是一份详细的教育材料,旨在教授初学者如何使用Flash CS3进行动画创作。这份教案由教师赵世勇于2019年2月编写,覆盖了从基础知识到实际操作的各个环节。 课程的第一周,主要目标是让...

    让Flex3与flashcs3珠联璧合

    - **导入Flash资源**:在Flash CS3中制作完成的动画或图形,导出为SWF格式,然后将其添加到Flex项目的assets目录下。 - **在Flex中使用Flash内容**:在Flex的MXML文件中,使用`<mx:SWFLoader>`或`<s:SWFLoader>`...

    fla是什么文件.docx

    例如,使用ActionScript 3.0或更高版本的FLA文件无法在Flash CS3或更早版本中打开。因此,为了确保工作流程的连续性,建议使用与项目文件相匹配的最新版本的Adobe Flash软件。 除此之外,FlashFXP是一款与FLA文件...

    Flash相册4

    "Flash相册4"这个主题涵盖了3款经典的设计,这些设计都是基于Adobe Flash CS3的,这是一款广泛使用的创作工具,允许开发者和设计师创建互动式的多媒体内容,包括动画、游戏以及网页组件,如相册。 Flash相册的核心...

    用flash代码做的粒子效果

    在IT行业中,Flash是一款历史悠久的动画创作和交互设计软件,被广泛用于网页设计、游戏开发以及多媒体内容制作。本主题聚焦于"用Flash代码做的粒子效果",这通常指的是使用ActionScript 3(AS3)编程语言在Flash CS3...

    Flash 小游戏源文件

    在IT行业中,Flash小游戏曾是互联网上非常流行的一种娱乐形式,尤其受到学生和上班族的喜爱。这些小游戏通常体积小,玩法多样,易于上手,能够快速提供乐趣。本话题聚焦于"Flash小游戏源文件",我们将深入探讨其相关...

    韩国菜单flash源文件

    这些源文件通常使用Adobe Flash Professional或其他支持Flash的开发工具创建,如Flash MX、Flash CS3到Flash CS6等。源文件扩展名可能是.FLA,这是Flash的原始工作文件格式,保存了所有的图形、动画、脚本和项目设置...

    flash 实例

    本实例聚焦于使用Flash CS3或CS4版本创建的各种项目,这些项目涵盖了基础动画、游戏设计以及交互元素的实现。 "打方块"游戏是经典的休闲娱乐项目,通过键盘控制移动的板子接住下落的方块,通常涉及到碰撞检测、分数...

    Flash 风车抽奖转盘(+作弊)源码

    Flash作为一种曾经流行的交互式矢量图形和动画制作软件,曾广泛应用于网页设计、游戏开发等领域。本源码是基于Flash CS3开发的,需要Adobe Flash Player 9或更高版本才能正常运行。 在【Flash风车抽奖转盘】的设计...

    flash入门知识

    ### Flash入门知识详解 ...- **Adobe Flash CS3 Pro**:支持ActionScript 3.0,增强了对XML的支持。 以上内容涵盖了Flash的基础知识及其使用方法,从基本概念到具体操作,旨在帮助初学者快速掌握Flash的使用技巧。

    DreamweaverCS3网页设计培训教程电子教案07.pptx

    1. **Flash文件格式**:在网页设计中,Flash媒体通常以三种文件格式存在:.swf(用于网页发布的动画)、.fla(源文件,包含所有动画内容和编辑信息)和.swt(Flash组件)。.swf是最常见的,因为它体积小且支持动画...

    fms 中文文档 2

    - **前言**:这一章节旨在通过一个简单的“Hello World”示例,展示如何使用Flash CS3创建客户端,与Flash Media Interactive Server或Flash Media Development Server进行交互,从而获取并显示服务器端返回的数据。...

Global site tag (gtag.js) - Google Analytics