AS3マウスオーバーイメージを変更

Question

現在、私はmouseoverイベントでスプライトに読み込まれたイメージを変更し、mouseoutで元に戻そうとしています。しかし、それは正しく動作していない、私は何かが不足している？

public class Tab extends Sprite 
{ 
    var imageLoader:Loader = new Loader(); 
    var TabSprite:Sprite = new Sprite(); 
    var SkinImages:Array = [Skin.TAB_ACTIVE,Skin.TAB_DISABLED,Skin.TAB_HOVER,Skin.TAB_VIEW]; 

    public function Tab() 
    { 
     for each (var Image:String in SkinImages){ 
      imageLoader.load(new URLRequest(Image)); 
     } 

     TabSprite.buttonMode = true; 
     addChild(TabSprite); 

     TabSprite.addChild(imageLoader); 
     TabSprite.addEventListener(MouseEvent.MOUSE_OVER, onTabHover); 
    } 


    private function onTabHover(e:MouseEvent){ 
     trace("HOVER"); 
     TabSprite.removeEventListener(MouseEvent.MOUSE_OVER, onTabHover); 
     imageLoader.load(new URLRequest(Skin.TAB_HOVER)); 
     imageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE,function(e:Event):void{ 
      TabSprite.addEventListener(MouseEvent.MOUSE_OUT, onTabOut); 
     }); 

    } 

    private function onTabOut(e:MouseEvent){ 
     trace("OUT"); 
     TabSprite.removeEventListener(MouseEvent.MOUSE_OUT, onTabOut); 
     imageLoader.load(new URLRequest(Skin.TAB_VIEW)); 
     imageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE,function(e:Event):void{ 
      TabSprite.addEventListener(MouseEvent.MOUSE_OVER, onTabHover); 
     }); 

    } 
} 

Answer 1

リスナーをそのようにネストしないでください。

TabSprite.addEventListener(MouseEvent.ROLL_OVER, onTabHover); 
TabSprite.addEventListener(MouseEvent.ROLL_OUT, onTabOut); 

ほとんどの場合、MOUSE_OVERをROLL_OVERに変更することに注意してください。また、すべてのマウスイベントでイメージを読み込むべきではありません。それらを事前にロードしてから使用してください。これは悪いです -

imageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE,function(e:Event):void{ 
     TabSprite.addEventListener(MouseEvent.MOUSE_OUT, onTabOut); 
    }); 

そして、実際には、あなたはそれを削除されていません。また、リスナーに無名関数を使用すると、そのリスナーを削除することができないように悪い習慣です。

for each (var Image:String in SkinImages){ 
     imageLoader.load(new URLRequest(Image)); 
    } 

私はそれが動作するとは思えませんが、私はあなたが一度に1つのローダーを使用して多くの画像を読み込むことはできないと思います。

はこれを試してみてください：

public class Tab extends Sprite 
{ 
var imageOverLoader:Loader = new Loader(); 
var imageOutLoader:Loader = new Loader(); 
var TabSprite:Sprite = new Sprite(); 
var SkinImages:Array = Skin.TAB_ACTIVE,Skin.TAB_DISABLED,Skin.TAB_HOVER,Skin.TAB_VIEW]; 

public function Tab() 
{ 

    TabSprite.buttonMode = true; 
    this.addChild(TabSprite); // you also need to add as a Child "Tab" object in the Main Class 

    imageOutLoader.load(new URLRequest(Skin.TAB_VIEW)); 
    imageOverLoader.load(new URLRequest(Skin.TAB_HOVER)); 
    TabSprite.addChild(imageOutLoader); 

    TabSprite.addEventListener(MouseEvent.ROLL_OVER, onTabHover); 
    TabSprite.addEventListener(MouseEvent.ROLL_OUT, onTabOut); 
} 


private function onTabHover(e:MouseEvent){ 
    TabSprite.removeChild(imageOutLoader); 
    TabSprite.addChild(imageOverLoader); 

    trace("HOVER"); 

} 

private function onTabOut(e:MouseEvent){ 
    TabSprite.removeChild(imageOverLoader); 
    TabSprite.addChild(imageOutLoader); 

    trace("OUT"); 

} 
} 

はこれを試してみてください。