得知互动

标题: FLASH进度条详细制作 [打印本页]

作者: DeGe    时间: 2013-7-13 15:00
标题: FLASH进度条详细制作

适合新手朋友们。
首先打开FLASH8软件,打开,新建文档。然后再新建4个图层,看下图。


                               
登录/注册后可看大图

建立4个图层之后分别修改这4个图层的名字,分别为AC、进度条、按钮、动画。看下图。


                               
登录/注册后可看大图

然后点图层AC第一帧,看下面图片。


                               
登录/注册后可看大图

点了AC图层后接着往下看,在AC图层的属性里写上play。看下图:


                               
登录/注册后可看大图

在AC图层的属性里打完PLAY拼音后,再看AC图层的帧上会看见一面小红旗,说明你已经成功一小步了,呵呵。然后你再继续点AC图层的第一帧,也就是小红旗那里,看图:


                               
登录/注册后可看大图


现在你的图层AC是不是呈现蓝色被选中的颜色,小红旗也是被选中呈现出黑色的颜色,说明你现在应该要按下F9,然后把下面的代码复制你刚才按F9跳出来的框框里(不懂的可以看图片)下面是代码:
// 将电影总字节数赋值给total变量
total = _root.getBytesTotal();
// 将已经下载的字节数赋值给loaded变量
loaded = _root.getBytesLoaded();
// 取整计算已下载的字节数的百分比并赋值给变量load
load = int(loaded/total*100);
// 把已下载的字节数赋值给动态文本变量loadtxt
loadtxt = "loading"+load+"%";
// 进度条同时按百分比数跳转到相应的帧上去;
_root.进度条.gotoAndStop(load);
(记住哦,不要少一个标点符号,因为那是很重要的。)把上面的代码复制到AC图层的第一帧,看下面图片。


                               
登录/注册后可看大图
还没复制进去代码的时候红旗是还在的,复制进去后,红旗就没了,变成a了,说明代码复制成功了。接下来你把这个动作窗口化小化。然后继续点AC图层,把帧数鼠标左键点到第6帧,然后按键盘F7。不会看下面的图片。现在我们的AC图层的第6帧是黑色的,然后我们继续点F9(在AC图层第6帧是黑色的时候按下F9)然后又弹出窗口,把下面的代码复制到AC图层的第6帧。if (loaded == total) {   
gotoAndStop(6);  
//否则跳转到标签名"play"的帧,继续下载  
} else  
{   
gotoAndPlay("play");  
}

(记住要一字布拉的复制上面代码)复制进去后的图片显示,看下面的图片。分界线==============================================================以上AC的制作和代码的复制都完成了,现在我们来制作第二个步骤-进度条。把刚才的复制完代码的AC图层的代码框框关掉,然后按快捷键CTRL+F8,然后会弹出这个窗口,然后把名称改为“进度条”类型改为“影片剪辑”然后按确定。然后点了确定后再新建2个图层,第一个改名为“框”,第2个改名为“色”好记点,呵呵!然后点“框”的图层,第一帧。然后在第一帧上用“矩形工具”画一个长方形,随便什么颜色,随自己喜好,看下面的图片。
然后把鼠标左键点到100帧,按下F5。看图。
然后在“框”的图层下点一下“框”内颜色,选中“框”内的颜色,剪切颜色,颜色就被剪切了,然后就只剩下“框线了”。看下图。然后“框”的部分就完成了,现在我们来做“色颜”的部分了。点“色”图层的第一帧,(一定要点第一帧,不然粘贴不了)然后按下快捷键,(Ctrl+Shift+V)粘贴到当前位置。看下图。然后鼠标锁定“框”的图层。然后再鼠标点颜色图层,不要直接在舞台里点颜色条,然后下面就出现属性栏了。看见属性栏选项里的“补间”2个字没,“补间”后面还有选项,本来是“无”,你点它选择“形状”看下面的图。然后现在才用鼠标点舞台中的颜色条,点了颜色条后,看下面的图片。
看见没,点了颜色后就出现宽、高、X、Y的数字了,首先剪切我用红色笔圈上的宽的数字,然后在再宽里输入数字3,不懂的可以看下面的图片。看见上面的图片没,宽我改为3了,然后鼠标点舞台,你会发现颜色条变短了,看下面的图片。现在进度条已经完成一半了。现在鼠标点颜色图层,现在颜色涂层依然是第一帧是把,好,我们现在用鼠标左键点到100帧处,然后按下F6,看下面的图片。然后是关键啦,现在你的颜色图层帧数是在100帧处是把,好,不要动,点100帧处的颜色条,点中后你会看见下面的属性栏,然后把你刚才剪切的宽的数字复制到这里来,看下面的图片。然后进度条也就制作完了,接下来你拉动下看看,呵呵。好,现在鼠标点场景1,就是在有只眼睛那上面,看下图。
点了之后回到舞台,选中进度条的第一帧,把刚才制作的进度条拉到舞台中,刚才做好的进度条在“库”里,把它啦到舞台中,选好位置放。红色圈上的就表示可以用鼠标拉出来。看下面的图片。拉到舞台中后,点进度条图层的第6帧,按下F5。看下图。然后点左边栏中的“文字工具”直接在进度条的第5帧处舞台中拉一个长方形框框,然后也会有属性栏,属性栏原本是“静态文本”你把它换成对“动态文本”,然后点“居中对齐”,变量名里填写:loadtxt。不明白的可以看下面的图片。红色圈起来的就是代表重要的,你们跟我红色圈起来的一样就好。分界线=====================================================然后文字代码部分也弄好了,现在就是按钮和动画部分了。现在开始讲按钮部分,在“按钮层”第6帧按(F7)插入一个空白关键帧,然后你再点窗口-公用库-按钮中找到适合自己的按钮,然后拖到按钮图层的第一帧的舞台上。看图片:选中舞台上的按钮元件:窗口--动作(F9)打开动作面板,给按钮加上下面的代码:on (release) {//释放按钮  
gotoAndPlay("场景 1", 7);//跳转并播放场景1的第7帧  
}  
选中舞台上的按扭元件,按F9,打开动作栏,复制代码就OK了。然后动画的我就不做演示了,如果你要做动画部分的话,你要在第6帧插入空白关键帧,只要不是在第6帧前面做动画就好。哎。。。累死了,边打字边截图,还要重复做相同的作品,花了我1小时45分钟啊。。。。呵呵,没事,我的这点辛苦算什么。这次的作品绝对比上次还要详细。不会做进度条的朋友们值得一看哦。本人原本博客是时尚,现在的博客是UAU,意思是:“哇唔!”希望你们看了后也“哇唔”下,呵呵。我的QQ还是老样子,330717849,群:41715476,因为新的工作,就换了个新的博客,希望各位多多捧场,写的很辛苦,不懂的可以进群聊哦,我会一字不拉的告诉你。注:要是不想这么麻烦的做进度条,可以进我博客里的UAU下载分享区下载次原文件。



作者: xiaoye    时间: 2014-10-9 18:22
看起来好~~像啊~~~~~
作者: ffuip    时间: 2014-10-9 18:23
呵呵 高高实在是高~~~~~
作者: apgckwmm    时间: 2014-10-9 18:25
哎``没见过!
作者: xiaoye    时间: 2014-10-9 18:31
唉!猪!你怎么了?
作者: apgckwmm    时间: 2014-10-9 19:12
激动了就不好办了..
作者: kwjvtwzx    时间: 2014-10-14 12:42
你这样的表现,就只配这几个字:窝囊废
作者: ffuip    时间: 2014-10-14 13:00
流量怎么又跌了
作者: ofbnbaiinfnh    时间: 2014-10-14 13:05
好吧...那你说...
作者: kwjvtwzx    时间: 2014-10-14 13:10
楼主,你要继续努力啊!你是bbs的希望啊!你是网络文学的希望啊!你是整个网络界的希望文学界的希望啊!你是整个人类的希望啊!你是整个太阳系的希望啊!你是整个异次元空间的希望啊!
作者: efiew    时间: 2014-10-14 13:25
求您了,给个机会
作者: ffuip    时间: 2014-10-20 11:50
顶顶多好,大家都来!
作者: kwjvtwzx    时间: 2014-10-20 11:50
我帮不了你
作者: ofbnbaiinfnh    时间: 2014-10-20 11:51
什么什么啊??
作者: xiaoye    时间: 2014-10-20 11:53
这个论坛值得推荐,给了我们这么好的一个平台
作者: oxdbw    时间: 2014-10-20 11:55
呵呵,等着就等着....
作者: efiew    时间: 2014-10-21 13:01
我怎么就踩不死你呢??
作者: ffuip    时间: 2014-10-21 13:08
哪个正常的人能崇拜一只蟑螂呢?
作者: jckie    时间: 2014-10-21 13:12
照你这么说真的有道理哦 呵呵 不进沙子馁~~~
作者: kbcesuo    时间: 2014-10-21 13:19
怎么就没人拜我为偶像那??
作者: oxdbw    时间: 2014-10-21 13:20
挨骂也是幸福~~~
作者: kbcesuo    时间: 2014-10-24 10:10
哈哈 ok ~~~
作者: kbcesuo    时间: 2014-10-24 10:32
@,@..是什么意思呀?
作者: pangio    时间: 2014-10-24 10:56
我去看看 网络上的事 我不是很会 哎
作者: kbcesuo    时间: 2014-10-24 11:03
楼主,你要继续努力啊!你是bbs的希望啊!你是网络文学的希望啊!你是整个网络界的希望文学界的希望啊!你是整个人类的希望啊!你是整个太阳系的希望啊!你是整个异次元空间的希望啊!
作者: oxdbw    时间: 2014-10-24 11:06
呵呵 哪天得看看 `~~~~
作者: effoggikeftor    时间: 2015-1-23 15:00
呵呵  我傻了‘~~哈哈
作者: tohme    时间: 2015-1-23 15:01
综上所述,恳请各位官员请勿动用武装力量请勿跨村、跨镇、跨市、跨省、跨国、跨洲、跨星球、跨银河系追捕。确因不抓不足以平民愤,或不抓就领不到薪水养家户口的公职人员,建议携带工作证
作者: effoggikeftor    时间: 2015-1-23 15:01
做为新人!在这里不敢大声说话!送完经验我就走!
作者: 阴阳小轩    时间: 2015-1-23 15:04
哦~~~明白了....
作者: bqtklouu    时间: 2015-1-29 13:18
要睡觉了 呵呵
作者: gevaemaidovef    时间: 2015-1-29 13:18
其实今天baidu 又 抽风了
作者: gevaemaidovef    时间: 2015-1-29 13:20
楼猪.重量级人物阿.
作者: effoggikeftor    时间: 2015-1-29 13:22
这个站一周前刚刚有了点起色
作者: roukao15    时间: 2015-5-23 01:53
好帖要顶,楼主的头像还是不错滴

                               
登录/注册后可看大图

                               
登录/注册后可看大图

                               
登录/注册后可看大图

                               
登录/注册后可看大图

                               
登录/注册后可看大图

                               
登录/注册后可看大图

                               
登录/注册后可看大图

                               
登录/注册后可看大图

                               
登录/注册后可看大图

                               
登录/注册后可看大图

                               
登录/注册后可看大图

                               
登录/注册后可看大图

                               
登录/注册后可看大图

                               
登录/注册后可看大图

                               
登录/注册后可看大图

作者: roukao15    时间: 2015-6-14 06:27
好帖要顶,楼主的头像还是不错滴

                               
登录/注册后可看大图

                               
登录/注册后可看大图

                               
登录/注册后可看大图

                               
登录/注册后可看大图

                               
登录/注册后可看大图

                               
登录/注册后可看大图

                               
登录/注册后可看大图

                               
登录/注册后可看大图

                               
登录/注册后可看大图

                               
登录/注册后可看大图

                               
登录/注册后可看大图

                               
登录/注册后可看大图

                               
登录/注册后可看大图

                               
登录/注册后可看大图

                               
登录/注册后可看大图

作者: xiaoye    时间: 2015-6-24 10:14
还没崇拜过谁呢,满足一下愿望吧,谢谢!
作者: 亮凌庚    时间: 2015-6-24 10:19
照你这么说真的有道理哦 呵呵 不进沙子馁~~~
作者: swmozowtfl    时间: 2015-6-24 10:30
不为楼主的标题所吸引,也不是被贴子的内容所迷惑。
作者: efiew    时间: 2015-6-24 10:34
对自己好点~别难为自己
作者: kwjvtwzx    时间: 2015-6-24 10:35
既然你诚心诚意地发贴了,那我就大发慈悲地回复你。为了防止此贴被秒沉,为了维护此楼的繁荣!贯彻爱与真实的邪恶,可爱又迷人的顶贴角色! 穿梭在贴吧之间的顶贴队!喵~就是这样
作者: ulwhm    时间: 2015-9-16 05:51
真的牛,双手赞成,谢谢了












                               
登录/注册后可看大图


                               
登录/注册后可看大图

作者: lvukh    时间: 2016-10-27 18:29
应该加分呀












                               
登录/注册后可看大图

30V0.8A电源适配器,UL 认证
作者: vgtkl    时间: 2016-11-18 23:18
爱死你了,这么好的帖子要顶的












                               
登录/注册后可看大图

12V8A电源适配器
作者: lvukh    时间: 2016-12-8 09:28
好东西哦,大家不要光看不顶












                               
登录/注册后可看大图

深圳厂家供应12V4A开关电源适配器
作者: vgtkl    时间: 2016-12-14 21:08
我也来顶一下..












                               
登录/注册后可看大图

美规12V10A桌面式电源适配器




欢迎光临 得知互动 (https://bbs.dezhifl.com/) Powered by Discuz! X3.4