Flash CS6怎么制作自动加载的进度条动画?

制作自动加载进度条动画可以使用Flash CS6自带的组件和ActionScript 3.0的编程，下面是制作步骤的完整攻略：

1.新建Flash文档和进度条动画资源

首先，使用Flash CS6新建一个Flash文档，并准备好进度条动画所需的资源，如进度条素材、文本标签等。

2.添加进度条组件

在新建的Flash文档中，打开“组件”面板，在“用户界面”分类下选择“进度条”组件，将其拖拽到舞台上。

3.自定义进度条外观

选中进度条组件，打开“属性”面板，在“外观”部分修改进度条的宽度、高度和颜色等属性，以适应自己的需要。

4.设置进度条的实例名称

选中进度条组件实例，打开“属性”面板，在“实例名称”部分设置一个名称，以便在代码中进行引用。

5.添加动态文本标签

在舞台上添加一个动态文本标签，作为进度条动画的进度文本显示。选中文本框实例，打开“属性”面板，在“实例名称”部分设置名称，同时在“类型”部分选择“动态文本”。

6.编写ActionScript 3.0代码实现自动加载的进度条动画

使用ActionScript 3.0编写代码，实现自动加载的进度条动画。代码中主要包含以下步骤：

（1）创建一个加载器对象，并设置加载路径和加载完成的回调函数。

var loader:Loader = new Loader(); //创建一个加载器对象

loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onLoaded); //设置加载完成的回调函数

var url:String = "yourFile.swf"; //设置加载路径
loader.load(new URLRequest(url)); //开始加载

（2）编写回调函数onLoaded，绘制进度条动画，实现自动加载效果。

function onLoaded(e:Event):void{
     var loaded:Number = 0; //已经加载的字节数
     var total:Number = e.target.bytesTotal; //文件总字节数
     var percent:Number = loaded/total; //计算百分比

     //利用Graphics绘制进度条动画
     progressBar.graphics.clear();
     progressBar.graphics.beginFill(0x000000, 1);
     progressBar.graphics.drawRect(0, 0, percent*100, 20);
     progressBar.graphics.endFill();

     //利用文本框更新进度文本显示
     progressText.text = "Loading:"+Math.round(percent*100)+"%";
}

7.测试效果

完成代码编写和进度条动画资源的准备之后，可以通过编译器预览功能或者发布为.swf文件进行测试。

示例

下面是两个示例：

示例 1：自定义进度条动画

新建Flash文档，选择500x400大小的文档。打开“组件”面板，选择“用户界面”分类下的“进度条”组件，将其拖拽到舞台上，设置宽度为400，高度为20。按住Ctrl键单击进度条组件实例，将其复制粘贴，接下来选中第二个实例，打开“属性”面板，将背景、边框和填充颜色分别设置为红、黑和灰，以便与第一个进度条组件实例区分开来。

添加一个动态文本标签，作为进度条动画的进度文本显示。选中文本框实例，打开“属性”面板，在“实例名称”部分设置为“progressText”，同时在“类型”部分选择“动态文本”。

最后，运用ActionScript 3.0编写动态加载的代码，绘制进度条动画，实现自动加载效果。

示例 2：创建滚动条

新建Flash文档，选择500x400大小的文档。使用Flash CS6自带的滚动条组件创建一个向下滚动的滚动条。打开“组件”面板，选择“用户界面”分类下的“滚动条”组件，将其拖拽到舞台上，并选中它，按住Ctrl键并单击，将其复制到舞台上。

选中之后的滚动条组件实例，打开“属性”面板，将实例名称分别设置为“scroll1”和“scroll2”，并设置宽度为20，高度为100。因为是向下滚动，所以滚动条组件实例需要设置在舞台的右侧。

设置最大值的属性为100，因为该滚动条将用百分比来显示滚动位置。

最后，编写ActionScript 3.0代码，实现自动滚动效果。

以上就是Flash CS6制作自动加载的进度条动画的完整攻略，希望对您有所帮助！