基本操作步骤
创建Flash文档→创建预载动画影片剪辑→设置进度条属性以及添加动态文本用以显示百分比→添加动画场景,导入动画→添加动作脚本(AcitionScript)→调试动画、导出动画、保存动画文件。
步骤1 创建Flash文档
打开Flash MX,在弹出的页面对话框中选择Flash文档,设置背景属性为800像素×600像素,背景色为深蓝色。
步骤2 创建预载动画影片剪辑
在场景中点击“插入/新建元件”在弹出的对话框中输入剪辑名称“loading边框”,在行为对话框中选择“影片剪辑”,如图60所示。
点击“确定”按钮,进入影片剪辑编辑区。选择“矩形”工具,边框填充色选为绿色,内容填充色选为白色,在工作区画一矩形方框,用鼠标选中白色部分(注意不要把边框选中),按F8键,在弹出的“转化为符号”的窗口中,输入名称“进度条”,选择行为为“影片剪辑”,如图61所示。
步骤3 设置进度条属性以及添加动态文本用以显示百分比
回到主场景,按Ctrl+L键,把“loading边框”从库中拖入主场景;添加一图层,把“进度条”影片剪辑也从库面板中拖入主场景,然后点击属性窗口,设置影片剪辑的实例名称为“jindutiao”,点击颜色框,在弹出的下拉菜单中选择Alpha,值为50%,如图62所示。
添加一图层,选择工具栏中的文字工具,在进度条的下方绘制一文本框,在属性面板中设置文本类型为“动态文本”,文字设置为宋体,文字大小为9,在变量框中的变量设为“baifenbi”,如图63所示。
步骤4 添加动画场景,导入动画
按菜单“插入/场景”,插入新场景,命名为“场景2”。在场景2的舞台中导入(按Ctrl+R键)已经做好的动画,如图64所示。
步骤5 添加动作脚本(AcitionScript)
再回到场景1,添加动作脚本。按F5键,将所有图层的帧数都扩展为两帧。再添加一图层,将新图层命名为“动作层”,选择动作层的第1帧,在动作面板中添加动作脚本:
total=_root.getBytesTotal();
loaded=_root.getBytesLoaded();
baifenshu=int((loaded/total)*100);
baifenbi=baifenshu+"%":
setProperty("jindutiao",_xscale,baifenshu);
其中,_root.getBytesTotal()表示动画的总长度;_root.getBytesLoaded()表示已经载入的长度;int((loaded/total)*100)表示载入的长度占总长度的百分比;baifenbi为动态文本的变量;baifenbi=baifenshu+"%"表示将在动态文本中显示“baifenshu”的值并在其后加上“%”;setProperty("jindutiao",_xscale,baifenshu)用来设置进度条的大小,如图65所示。
点选“action”图层的第2帧,按F6键设第2帧为关键帧,在动作面板中添加动作脚本:
if(baifenshu==100){
gotoAndPlay(3);
}else{
gotoAndPlay(1);
}
以上脚本的意思为,如果下载完毕将开始播放动画,否则将返回第1帧继续下载,如图66所示。
步骤6 调试动画、导出动画、保存动画文件
此时,动画制作已基本完成,按Ctrl+Enter键测试动画,然后导出动画,保存动画文件。动画完成效果如图67所示。