我在我的网站上使用了一个 .swf,但加载需要几秒钟。加载时有点眼痛,所以我想添加一个加载栏。我想知道在 .fla 文件中执行此操作的最简单方法是什么。
2 回答
1) 在主时间线上制作三层。
2) 在第 1 层(顶部)上,在第 1 帧、第 2 帧和第 3 帧上制作两个空白关键帧。
3) 在第 1 层,第 1 帧,输入以下代码:
bytes_loaded = Math.round(this.getBytesLoaded());
bytes_total = Math.round(this.getBytesTotal());
//
this.loadBar._width = getPercent*200;
if (bytes_loaded == bytes_total) {
this.gotoAndPlay(3);
}
;
4) 在第 1 层第 2 帧上,输入以下代码:
this.gotoAndPlay(1);
5) 在第 2 层(中间)上,在第 1 帧和第 3 帧上制作一个空白关键帧。
6) 在第 2 层、第 1 帧上绘制一个没有边框的矩形(假设为 100x10)。现在,将其设为红色。
7) 将该形状转换为影片剪辑并将实例命名为“loadBar”。
8) 在第 3 层(底部)上,在第 1 帧和第 3 帧上制作一个空白关键帧。
9) 在第 3 层,第 1 帧上绘制一个没有边框的矩形(假设为 100x10)。现在,将其设为黑色。这将是您的加载栏的背景。将它直接对齐在第 2 层的矩形影片剪辑后面。
10) 双击Layer 2 Frame 1 的名为“loadBar”的影片剪辑。
11)制作2层。
12) 在第 1 层(顶部)上绘制一个没有边框的矩形(比如说 100x10)。让它成为你想要的任何颜色。
13) 在第 2 层(底部)上绘制一个没有边框的矩形(比如说 100x10)。把它变成灰色。这将是条形图填满时的颜色。将其直接对齐第 1 层的矩形形状。
14) 现在,右键单击时间轴区域中的第 1 层,然后选择“蒙版”。
15) 现在,一切就绪!文件加载后,它将跳转到第 3 帧并开始播放!根据需要更改加载条图形的颜色、大小和位置!
this.stop();
this.loaderInfo.addEventListener(Event.COMPLETE, action);
this.loaderInfo.addEventListener(ProgressEvent.PROGRESS, onProgressAction);
function onProgressAction (e:ProgressEvent):void
{
var total:Number = e.bytesTotal;
var loaded:Number = e.bytesLoaded;
if(total == loaded) {
gotoAndStop(2);
}
}
function action (e:Event):void
{
this.loaderInfo.removeEventListener(ProgressEvent.PROGRESS, onProgressAction);
}