效果：初始化效果：

mouse over的效果：

代码：

 
  
  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"   
  3.                xmlns:s="library://ns.adobe.com/flex/spark"   
  4.                xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" 
  5.                 creationComplete="init()"> 
  6.     <fx:Declarations> 
  7.         <!-- 将非可视元素（例如服务、值对象）放在此处 --> 
  8.     </fx:Declarations> 
  9.     <fx:Script> 
  10.         <![CDATA[  
  11.             import spark.components.Image;  
  12.             var helpBtn:Image = new Image;  
  13.             public function init():void{  
  14.                 createChildren()  
  15.             }  
  16.             /**重写skinablecontainer的createchildren方法*/  
  17.             override protected function createChildren():void{  
  18.                 super.createChildren();  
  19.                 helpBtn.source = "assets/updateTipOut.png";  
  20.                 helpBtn.addEventListener(MouseEvent.MOUSE_OVER,helpBtnOver);  
  21.                 helpBtn.left = 65;  
  22.                 helpBtn.top = -25;  
  23.                 lab.addElement(helpBtn);  
  24.             }  
  25.             protected function helpBtnOver(event:MouseEvent):void  
  26.             {  
  27.                 helpBtn.source ="assets/updateTipOver.png";  
  28.             }  
  29.               
  30.         ]]> 
  31.     </fx:Script> 
  32.     <s:TitleWindow id="lab" width="523" height="456" title="123131"/> 
  33. </s:Application> 
 
  
上述代码  指的是：在as代码中给titlewindow加一个addelement，里面添加一个组件，重写了titlewindow的父类的父类的。。。的父类skinablecontainer的createChildren方法