关于Flash CS5 自己编写组件的教程


  flash cs5 在自己制作图形组件时非常简单。比FLEX更方便。
  以下为简易教程,有错误请及时纠正:
  以一个按钮"MYBTN"为例
  最后加载到组件框中方便调用,当然也可以用构造函数来构造。
  -------------------------------------------------- ----
  首先是要制作素材。
  制作一个共3帧的"影片剪辑":
  
  这里有一部分关键代码代码:
  -------------------------------------------------- ------
  import flash.events.MouseEvent;
  import flash.text.TextField;
  import flash.events.Event;
  stop();
  function label(la:String)
  {
  labelTXT.text = la;
  }
  this.addEventListener(MouseEvent.MOUSE_OUT,myevt);
  this.addEventListener(MouseEvent.MOUSE_OVER,myevt) ;
  this.addEventListener(MouseEvent.MOUSE_DOWN,myevt) ;
  this.addEventListener(MouseEvent.MOUSE_UP,myevt);
  function myevt(evt:MouseEvent)
  {
  if (evt.type == MouseEvent.MOUSE_OVER)
  {
  this.gotoAndStop(2);
  }
  else if (evt.type == MouseEvent.MOUSE_OUT)
  {
  this.gotoAndStop(1);
  }
  else if (evt.type == MouseEvent.MOUSE_DOWN)
  {
  this.gotoAndStop(3);
  }
  else if (evt.type == MouseEvent.MOUSE_UP)
  {
  this.gotoAndStop(2);
  }
  }
  -------------------------------------------------- -
  这样我们的代码就写完了。再来到库当中,为当前原件加入"连接"
  
  这个将会成为构造函数。
  -------------------------------------------------- --
  最后在库中"导出SWC文件",并保存到CS5的安装目录下的相关路径下:
  C:/Program Files/Adobe/Adobe Flash CS5/Common/Configuration/Components/
  最好创建一个文件夹。
  
  -------------------------------------------------- --------------------------------------------------- ----------------------
  关于使用有二种方法:
  一、组件框中使用
  
  组件框中有"重新加载组件",刷新后就可以看到自己定义的组件了。后面就不用我多说了吧。
  二、构造组件
  import flash.events.MouseEvent;
  var kk:MyBtn = new MyBtn();
  kk.x = 100;
  kk.y = 100;
  kk.label("test");
  addChild(kk);
  kk.addEventListener(MouseEvent.CLICK,myevt);
  function myevt(evt:MouseEvent)
  {
  trace(ok)
  }
  --------------------------------------------------
  打完手工。抛砖引玉,希望大家能够从中得到启发。
  xinje于保定家中
  2011年1月3日

猜你喜欢

转载自on250on.iteye.com/blog/1574437