flash的动画元件作FLEX皮肤

最新推荐文章于 2021-02-21 15:36:18 发布

原创最新推荐文章于 2021-02-21 15:36:18 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flex #flash #function #import #class #扩展

本文详细介绍如何在Flash中设计动画并将其导出为Flex可用的SWC文件，接着通过扩展Flash元件及自定义皮肤的方式在Flex项目中复用这些动画资源。

1、在flash中设计好动画。并为关键帧设置名称，再导出成FLEX元件的SWC

2、将SWC添加进FLEX的LIB中

3、扩展此FLASH元件如

package net.highall.uicomponents
{
import flash.events.Event;
import flash.events.FocusEvent;
import flash.events.MouseEvent;

import mx.controls.TextInput;

public class HATextInputSkin extends TextInput_skin
{
  public function HATextInputSkin()
  {
   super();
   addEventListener(Event.ADDED,initStateHandler);
  }
  private function initStateHandler(event:Event):void{
   if(!parent)return;
   var textInput:TextInput=parent as TextInput;
   this.stop();
   textInput.addEventListener(FocusEvent.FOCUS_IN,motionHandler);
   textInput.addEventListener(FocusEvent.FOCUS_OUT,motionHandler);
   textInput.setStyle("paddingLeft",12);
   textInput.setStyle("paddingTop",5);
  }
  private function motionHandler(event:Event):void{
   switch(event.type){
    case FocusEvent.FOCUS_IN:
     gotoAndStop("focusIn");
     break;
    case FocusEvent.FOCUS_OUT:
     gotoAndStop("up");
     break;
    case MouseEvent.MOUSE_OVER:
     break;
   }
  }
}
}