Flash 图片轮换效果

5.1、 把时间轴改成下图的设置：

动作脚本中每一帧都是写：

stop();
mask.gotoAndPlay(2);

而遮罩的mc这一图层的不同帧都放置一些跟刚才的形状补间类似的MC动画，实例名均为mask。最好动画的开头都不跟图片容器有接触，结尾则把整个图片容器覆盖。达到遮罩显示新图片的效果。
然后，主场景第四帧控制mask的代码也要跟着改变，把mask.gotoAndPlay(2);改为mask.gotoAndStop(1+random(mask._totalframes-1))。于是每一次切换，mask就会跳转到不同的帧。

5.2 、修复一个Bug：
笔者以为已经成功的时候，测试才发现，有些时候还是不能自然过渡。一直以为是动画效果的问题，调来调去，还是不行。好不容易地，笔者通过输出每次跳转的帧才知道，原来当两次跳转的位置一样的时候，遮罩动画动不起来，因为没有发生帧跳转。为此，笔者想到了用如下方法调整：
把随机跳转代码转移到mask里头，在mask里添加最后一帧，其中，在遮罩的MC图层里随便放入一些图形，但是不要跟图片容器重叠。该帧的动作脚本图层添加代码：gotoAndStop(random(_totalframes-1)+1)，跳转到除最后一帧的任一帧里头运行遮罩动画效果。然后，主时间轴第四帧中的最后一句也相应地改为mask.gotoAndStop(mask._totalframes)，让mask先跳转到最后一帧，再随机播放效果。这样，哪怕两次随机的值一样，帧也会发生跳转，过渡动画一定可以播放成功。

这里需要说明一点的是，如果你在2.2步创建的graph元件不是矩形或者Alpha不等于100的话，那么，当图形因为比例问题而不占满整个graph的时候，旧图片将有可能因为新图片面积小而不会被完全覆盖，在下次轮换的时候，就会看到很生硬的图片消失效果。所以，笔者建议大家的graph元件最好是个全不透明的矩形。

至此，自动过渡播放的效果已经实现了。下面就是按钮控制的实现。

6.1 按钮功能的实现：
如果要添加按钮功能，首先就得添加按钮，这个道理连小学生都明白。然而，it's easier said than done，具体如何创建按钮，就不是那么简单了。因为图像的数目是不确定的，因此需要动态创建。
创建按钮其实只需要在载入全部图像进入第一轮显示的时候创建一次就可以了，因此，可以把该段创建按钮的代码放在第三帧。为了让美工高手能有发挥自己才华的机会，笔者在这里就不用代码写按钮了，而是先在库里手动创建一个，接着通过attachMovie载入。
为了让按钮的深度更好管理，笔者建议大家把所有按钮载入到一个mc里头。于是，在遮罩层上面新建一个图层，命名为按钮。然后放置一个空的mc，元件名和实例名均为button_Field。位置根据你个人喜好而定。
接着，在第三帧追加代码：

for (var i in imgabbrs) {
       var BTn:MovieClip = button_Field.attachMovie("button", "button"+i, i);//从库里载入button元件，创建方法在后面介绍
       btn._x = i*btn._width;
       btn._y = 0;//这两句让按钮横向排列
       btn.index=Number(i)+1;//给按钮定义一个属性，这个属性表示第几张图片，将在一个动态文本里显示
}

6.2 因为按钮到现在还没创建，所以大家可能不明白上面的代码有些到底是用来干啥的。
现在笔者就给大家讲述如何先创建一个按钮。
在库里右键—新建元件，命名为button，类型为mc，打开“高级”对话框，点中“为动作脚本导出”和“在第一帧导出”。
在该元件里，创建两个图层。

其中，按钮图层放一个按钮，添加代码：

on(release){
       _parent._parent.lastIndex=_parent._parent.thisIndex //让新图片放到旧图片所在的地方
       _parent._parent.thisIndex=(index-1) //获得新图片的索引
       _parent._parent.gotoAndPlay(43) //跳转到43帧，从而跳过42帧的自动切换代码
}

文字图层放一动态文本，变量名为index
现在，测试一下，基本效果就出来了，但是还有一个小Bug，就是当图片切换效果动画还没完成的时候，马上切换下一个图，动画效果的过渡就不自然，解决的办法有两个，第一个很简单，就是把44帧的代码拖后一点，但是不能从根本上解决问题，第二个办法相对复杂，将在下一帖再作介绍。

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

上一页 [1] [2] [3] [4] [5] 下一页

复制本页网址和标题，发送给你QQ/Msn的好友一起分享

上一篇:flash 多图动态载入

下一篇:ShareObject 实现flash数据存储