Flash 图片轮换效果

核心提示： 6.3 从根本上解决上述的小Bug：新浪的新闻图片轮换里，如果遮罩效果运行的时候，Flash 图片轮换效果(9)，点了别的图片的话，Flash会等效果运行结束，丰富多彩的形状变化还没做出来啊？其实那些都是在遮罩mc里做，笔者在这里只拿了个最简单的效果作为例子，就马上切换到所点到的图像，因此

6.3 从根本上解决上述的小Bug：

新浪的新闻图片轮换里，如果遮罩效果运行的时候，点了别的图片的话，Flash会等效果运行结束，就马上切换到所点到的图像。因此，在这里，我们应该让控制主时间轴帧跳转的代码gotoAndPlay(43)放在效果运行结束以后。

那么，效果运行结束之后，怎么知道之前点了按钮呢？这个很好处理，只要设一个布尔变量havePressed=true就可以了。动画效果结束以后，检查havePressed的值就可以了。因此，我们还需要在开始切换图片的时候，要让havePressed变回false，否则即使下次不点按钮，也会在遮罩效果结束后，马上切换到下一图。

但是，这样又会有新的问题。如果在遮罩效果运行结束后，已经检查了havePressed，再点切换按钮的话，检查havePressed的操作就不能再在点击按钮时进行。导致立即切换图片的操作失败。

由此可见，效果运行时和效果运行结束两种状态需要分别处理。故还需要定义一个布尔变量，存放当前的效果运行状态是运行时还是运行结束。在遮罩效果开始时，设置running=true，运行结束，让running=false。

于是，要修改代码的地方就比较多了。

首先，按钮代码需要改为：

on (release) {
　　　 _parent._parent.lastIndex = _parent._parent.thisIndex;
　　　 //让新图片放到旧图片所在的地方
　　　 _parent._parent.thisIndex = (index-1);
　　　 //获得新图片的索引
　　　 if (_parent._parent.running) {
　　　　　　　//如果遮罩效果正在运行
　　　　　　　_parent._parent.havePressed = true;
　　　　　　　//主时间轴不能直接跳转，而要等到效果运行结束后，检查到havePressed=true时才可以
　　　 } else {
　　　　　　　_parent._parent.gotoAndPlay(43);
　　　　　　　//跳转到43帧，从而跳过42帧的自动切换代码
　　　 }
}

主时间轴的第三帧声明两个布尔变量：

var running:Boolean;
var havePressed:Boolean;

主时间轴第四帧为切换周期的开始，遮罩效果处于运行时状态，而还没点击过按钮。故追加：

running=true;
havePressed=false;

之后，在每个遮罩动画效果运行结束后，要让running=false，因为运行已经结束。并且检测是否在效果运行这段时间内点过按钮。因此都追加代码：

_parent._parent.running=false;//running是在主场景里声明的，故需要指向于主场景
if(_parent._parent.havePressed){//假如在效果运行时点了按钮，根据按钮代码，该值一定为true，否则就是false
　_parent._parent.gotoAndPlay(43);//检查到点过的话，就在效果运行结束的这一刻，马上切换图片
}

至此，整个图片轮换的效果完成了。但是，大家也许会提问，为什么那些很眩的百叶窗效果，丰富多彩的形状变化还没做出来啊？其实那些都是在遮罩mc里做。笔者在这里只拿了个最简单的效果作为例子，大家完全可以根据自己的需要，把那里的效果换成自己想要的效果