闪光灯:错误的时候试图使用setChildIndex和TweenLite创建一个按钮翻的效果
-
05-07-2019 - |
题
(资料来源: flickr.com)
嗨再次大家:)所以今天我想基本上创建一个简单的发光效果的关键过渡。我可以在复杂的事情,但我对此是通过具有2影片剪辑(默认状态和状态)。
第一次我加上默认状态的阶段,接下来,我增加的翻转状态的阶段,但是在深度为0和阿尔法定为0。现在我要展期国家交换的深度与默认状态以及动最完整的阿尔法使用TweetLite类的所以我得到一个很好的平稳过渡。
我得到一个错误的权利,但是这是我的代码:
import gs.TweenLite;
import fl.motion.easing.*;
import flash.display.MovieClip;
var shopButton:MovieClip;
var shopButtonRoll:MovieClip;
var maxIndex:Number = this.numChildren - 1;
// Button - places the default state onto the stage
shopButton = new ShopButton();
shopButton.name = "shopButton";
shopButton.x = 262;
shopButton.y = 207;
shopButton.stop();
thumbsMov.addChild(shopButton);
// Button Glow - places rollOver state under the default and with 0 alpha
shopButtonRoll = new ShopButtonRoll();
shopButtonRoll.name = "shopButtonRoll";
shopButtonRoll.x = 262;
shopButtonRoll.y = 207;
shopButtonRoll.alpha = 0;
thumbsMov.addChildAt(shopButtonRoll, 0);
// Listeners
shopButton.addEventListener(MouseEvent.MOUSE_UP, shopClick);
shopButton.addEventListener(MouseEvent.ROLL_OVER, sendToTop);
shopButton.addEventListener(MouseEvent.ROLL_OUT, shopOff);
shopButtonRoll.addEventListener(MouseEvent.ROLL_OVER, shopOver);
// Button Actions
// shopOver should bring rollOver to top and animate to 100%
function shopOver(event:MouseEvent):void
{
TweenLite.to(shopButtonRoll, 1, {alpha:1});
}
function shopOff(event:MouseEvent):void
{
// Code to animate back to 0 then change depth of rollOver to 0
}
function shopClick(event:MouseEvent):void
}
trace("You clicked Shop");
}
// sendToTop Function
// Sent to top - depth change
function sendToTop(e:Event):void
{
//this.setChildIndex(ShopButton(e.target), maxIndex);
this.setChildIndex(e.currentTarget as MovieClip, maxIndex);
}
错我要上翻:(
Int:错误#2025:所提供的DisplayObject必须是儿童的呼叫者。在闪光。显示::身/setChildIndex() 在test_fla::MainTimeline/sendToTop()
我不明白什么是错误意味着通过提供DisplayObject必须是儿童的呼叫者?
解决方案
基于什么你想要完成你没有管理的深度。基本上你可以加入你的翻效的内部shopButton然后滚过shopButton、动画的光芒。我更新你的代码如下:
import gs.TweenLite;
import fl.motion.easing.*;
import flash.display.MovieClip;
var shopButton:MovieClip;
var shopButtonRoll:MovieClip;
// Button - places the default state onto the stage
shopButton = new ShopButton();
shopButton.name = "shopButton";
shopButton.x = 262;
shopButton.y = 207;
shopButton.stop();
thumbsMov.addChild(shopButton);
// Button Glow - places rollOver state under the default and with 0 alpha
shopButtonRoll = new ShopButtonRoll();
shopButtonRoll.name = "shopButtonRoll";
shopButtonRoll.alpha = 0;
shopButton.addChild(shopButtonRoll);
// Listeners
shopButton.buttonMode = true;
shopButton.addEventListener(MouseEvent.MOUSE_UP, shopClick);
shopButton.addEventListener(MouseEvent.ROLL_OVER, shopOver);
shopButton.addEventListener(MouseEvent.ROLL_OUT, shopOff);
// Button Actions
// shopOver should bring rollOver to top and animate to 100%
function shopOver(event:MouseEvent):void
{
TweenLite.to(shopButtonRoll, 1, {alpha:1});
}
function shopOff(event:MouseEvent):void
{
TweenLite.to(shopButtonRoll, 1, {alpha:0});
// Code to animate back to 0 then change depth of rollOver to 0
}
function shopClick(event:MouseEvent):void
}
trace("You clicked Shop");
}
不隶属于 StackOverflow