只想知道 发表于 2015-1-15 22:40:14

来谈谈:Flash制造进度条教程 (1)

这个播放器非常小,只需花一点点时间下载,对于在体验网页上的多媒体效果是个很好的开始。
本文由中国教程网txwh2006(踏雪无痕)原创,转载请保存此信息!
这几天为了制造网页,必要做个进度条,无法之前不注重,至今还不会做,只得看网上教程来进修。网上教程固然很多,但实在版本相同,真要学还不快意,有的教程号称“最复杂”,他给你一段代码,叫你啼笑皆非,人家会的妙手,他也不在意你一段代码,菜鸟们看了也不懂;有的教程写的不全,给你的代码堕落。明天我终究攻关了,想到本人要用的时分苦,他人也一样,所谓“好汉惜好汉”,决意用本人的言语写一个教程,但愿对伴侣们有效。
先看一下效果:(因为文件小,进度条显现一刹时。请革新或下载到电脑寓目。)

媒介:
1、进度条的意义:在网上公布了你的作品后,因为文件较年夜,下载速率慢,有些伴侣看到一片空缺,不耐心守候,就分开了你的网页。为了吸引他,你就做一个进度条,让进度条先来招待他,让他晓得,网页是一般的,只需稍等会儿就会显现。就如你到饭铺用饭,菜不成能即刻烧出来,这时候蜜斯会给你倒一杯茶,让你安闲的守候一样。
2、进度条的道理:进度条次要是靠as代码来批示的。你先制造一个进度条的影片剪辑,这个影片剪辑的长度为100帧,用外形补间动画把内里的添补色块逐帧扩展;而as代码的意义就是先盘算出你的文件总的字节数巨细,然后把下载的字节数转换成百分比数值,付与给有关变量,从而使播放头跳到该帧,当下载数到达文件的总字节数时,播放头转到自动画,而且中断播放进度条影片剪辑。
3、增加进度条的二种情形:1、新制造动画影片时,你只需把进度条放在主场景的第1、二帧上,前面帧上再加自动画。固然相干的代码也要响应的变更。(这类情形我不作先容。)
2、假如你想在已有的FLASH文件中增加进度条,要挪动第一帧上的一切元素到第三帧或今后的帧上,对照贫苦。这时候你能够增加一个场景2,并把场景2设为主场景,由于动画播放的时播次场景。
我这里就以原本的作品增加进度条为例。(软件是用FLASH8)

200806/12939_2.html>200806/12939_3.html>200806/12939_4.html>200806/12939_5.html>200806/12939_2.html>下一页


</P>教程内容:
1、增加场景2,并设为主场景:
1、运转flash软件,翻开你的原有作品文件,点击菜单“拔出”-“场景”。

2、点击菜单“窗口”-“其他面板”-“场景”。

3、跳出界面,

用鼠标左键按住“场景2”向上拖动到“场景1”的下面,

并封闭界面。

200806/12939.html>上一页200806/12939.html>200806/12939_3.html>200806/12939_4.html>200806/12939_5.html>200806/12939_3.html>下一页


</P>2、创立“进度条”影片剪辑:
1、点击菜单“拔出”-“新建元件”。

2、在跳出界面中填写称号“进度条”,范例“影片剪辑”,点“断定”按钮。

3、在进度条的舞台上设二个图层。

4、在图层一第一帧上用矩形工具,画一个矩形,宽300象素,高20象素,边框设为绿色,添补色为白色。右边边沿对齐舞台的中央点。

5、用箭头工具选中两头的添补色块白色部分,按ctrl+x键,剪切。
6、到图层2第一帧上,点击菜单“编纂”-“粘贴到以后地位”。
7、在图层2第100帧拔出关头帧,回到第一帧,把色块宽度调剂到3象素,并挪动色块到最右边,(提醒:能够在属性面板修正数据,来减少色块的宽度。)

8、图层2创立外形补间动画。0

9、图层一第100帧拔出帧。

200806/12939_2.html>上一页200806/12939.html>200806/12939_2.html>200806/12939_4.html>200806/12939_5.html>200806/12939_4.html>下一页


</P>3、组装:
1、回加入景2,也设二个图层,第一层为进度条层,第二层为as代码层。

2、在第一层第一帧,把库中的进度条影片剪辑拖进场景,放到符合的地位,在属性面板上写上实例名“进度条"。1

3、选择文本工具“A”,在舞台符合的地位到场一个静态文本框,在属性面板上设置文本范例:静态文本;字体:Arial;变量名:jd;单行;字体巨细色彩自定。2

3、在第二层第一帧,增加as代码,选中第一帧在属性面板<帧标签>处,写上"bo",3

然后翻开举措面板,复制上面的代码并粘贴。4

total=_root.getBytesTotal();
//将已下载的字节数赋值给loaded变量
loaded=_root.getBytesLoaded();
//取整盘算已下载的字节数的百分比并赋值给变量load
load=int(loaded/total*100);
//把已下载的字节数赋值给静态文本变量loadtxt
loadtxt="loading"+load+"%";
//进度条同时按百分比数跳转到响应的帧上往;
_root.进度条.gotoAndStop(load);

4、在第二层第二帧,拔出空缺关头帧,增加as代码,
//假如下载字节数=总字节数,跳转到"场景1",第1帧并中断播放进度条
if(loaded==total){
gotoAndStop("场景1",1);
//不然跳转到标署名"bo"的帧,持续下载
}else{
gotoAndPlay("bo");

}

5、最初变动一下背景色彩,随便。

200806/12939_3.html>上一页200806/12939.html>200806/12939_2.html>200806/12939_3.html>200806/12939_5.html>200806/12939_5.html>下一页



4、测试:</P>因为在电脑里测试,文件下载速率快,以是进度条显现一刹时,要先看他的全历程,应以下操纵:
按ctrl+回车键,跳出播放界面后,点击顶部菜单“视图”-“摹拟下载”。5

就能够看到全历程了。
提示:
1、小的文件没有需要装进度条。
2、进度条也能够制成各类效果,不外进度条所占的字节不克不及太年夜,不然本末颠倒。
与本文相干会商请到这里与作者交换:http://bbs.jcwcn.com/viewthread.php?tid=171740
</p>200806/12939_4.html>上一页200806/12939.html>200806/12939_2.html>200806/12939_3.html>200806/12939_4.html>

Flash通常也指MacromediaFlashPlayer(现AdobeFlashPlayer)。2012年8月15日,Flash退出Android平台,正式告别移动端。

乐观 发表于 2015-1-17 18:14:30

各类广告形式,相信大部分网民基本都关注过,而毋庸置疑,一个画面精美,生动活泼的互动Flash动画广告,比其他广告形式更加吸引你我的眼球。这就是Flash动画的优势。

简单生活 发表于 2015-1-26 19:08:34

都着重在优点方面,请尽量答的详细、深入一些,谢谢!拿了我全部的爱问分了已经

小妖女 发表于 2015-2-4 21:24:20

Flash使交互性容易,并且消除了学习某种语言的需要。折中办法是不学语言,同时失去一些功能。但是你仍然可以处理基于用户动作(如鼠标移动或点击)的触发事件,这通常是你需要的所有交互性。

莫相离 发表于 2015-2-10 17:22:43

Flash流行的主要原因是它使用了矢量图形(与位图相反)。因为这种图形格式比位图小得多,而且在缩放时对图形质量影响不大,所以很适合对带宽要求很高的Web。

再见西城 发表于 2015-3-10 22:15:22

flash的流行因素包括了技术上的优势——技术本身的优势;技术掌握上的优势;其他技术的弱势;

精灵巫婆 发表于 2015-3-17 12:09:22

在计算机出现之前,动画制作者必需手工绘制即使差别很小的不同祯的图像。当然,非自动的,一祯祯的动画在很多情况下仍然很有用,Flash也允许这样做。

再现理想 发表于 2015-3-24 11:40:28

逐渐改变了我们生活及生活习惯的一些东西,而正是互联网的大势兴起,Flash动画越来越受到宠爱,现在,Flash动画已成为网络广告的中坚力量。
页: [1]
查看完整版本: 来谈谈:Flash制造进度条教程 (1)