Greensock & Gaia的液体面积问题

Question

我有一个闪光文件，我试图改变每个页面的背景。背景本身变化很好，但我在将背景缩放到舞台大小时遇到了问题。我正在使用Greensock的Liquid区域来尝试处理它，它在单个背景下做得很好，但是当我引入更多的背景时，我的代码就卡住了。

package com.picturesite.pages
{
    import com.gaiaframework.api.*;
    import com.gaiaframework.debug.*;
    import com.gaiaframework.events.*;
    import com.gaiaframework.templates.AbstractPage;
    import com.greensock.TweenMax;
    import com.greensock.easing.*;
    import com.greensock.layout.*;

    import flash.display.*;
    import flash.events.*;

    public class IndexPage extends AbstractPage
    {   
        public var bg1:MovieClip;
        public var bg2:MovieClip;
        public var bg3:MovieClip;
        public var bg4:MovieClip;
        public var bg5:MovieClip;
        public var bg6:MovieClip;
        public var newBG:MovieClip;
        public var bBar_mc:MovieClip;   


        var releaseGaia:Function = Gaia.api.afterTransitionOut(onAfterTransitionOut, true);

        public function IndexPage()
        {
            super();
            alpha = 0;

        }
        override public function transitionIn():void 
        {
            super.transitionIn();
            bg2.visible=bg3.visible=bg4.visible=bg5.visible=bg6.visible=false;
            TweenMax.to(this, 0.3, {alpha:1, onComplete:transitionInComplete});     

            var ls:LiquidStage = new LiquidStage(this.stage, 960, 760, 960, 760);
            var area:LiquidArea = new LiquidArea(this, 0, 0, 960, 760);
            area.attach(newBG, ScaleMode.PROPORTIONAL_OUTSIDE);
            ls.update();
        }

        override public function transitionOut():void 
        {
            super.transitionOut();
            TweenMax.to(this, 0.3, {alpha:0, onComplete:transitionOutComplete});
            Gaia.api.removeAfterTransitionOut(onAfterTransitionOut);
        }

        private function onAfterTransitionOut(e:GaiaEvent):void
        {
            var newBG:MovieClip;

            switch(Gaia.api.getCurrentBranch())
            {
                case Pages.HOME :
                    newBG = bg1;
                    break;

                case Pages.PACKAGES :
                    newBG = bg2;
                    break;

                case Pages.PHOTOS_SAMPLES :
                    newBG = bg3;
                    break;

                case Pages.VIDEOS_SAMPLES :
                    newBG = bg4;
                    break;

                case Pages.TESTIMONIES :
                    newBG = bg5;
                    break;

                case Pages.CONTACT :
                    newBG = bg6;
                    break;

            }

            TweenMax.allTo([bg1,bg2,bg3,bg4,bg5,bg6], .5, {autoAlpha:0});
            TweenMax.to(newBG, .5, {alpha:1, onComplete:releaseGaia});  

        }

    }
}

Answer 1

我对这件事不是很确定，但这一行：

TweenMax.to(this, 0.3, {alpha:0, onComplete:transitionOutComplete});

也许会淡出一切。如果我在库的主页上看得很清楚，那么该代码会隐藏所有内容，因为代码会在0.3秒内将alpha设置为。是那么回事吗？如果是这样的话，如果您想淡出newBG对象，那么可以将this更改为newBG。到目前为止，你似乎淡出了整个过程。

所以：

TweenMax.to(newBG, 0.3, {alpha:0, onComplete:transitionOutComplete});

或者在onAfterTransitionOut中，将

this.alpha = 1;

希望这篇文章对你有所帮助，或者给你一些启发。