如何使用Loader 和 Progress Bar Component

文章类别：Flash | 发表日期:2008-9-21 15:03:41

　　

Loader和Progress?Bar组件分别在flash中起什么作用？怎么让这两个组件配合使用了？
解决思路
Loader?组件是一个容器，它可以显示?SWF?或?JPEG。您可以缩放加载器的内容，或者调整加载器自身的大小来匹配内容的大小。默认情况下，缩放内容要适合?Loader?的大小。您也可以在运行时加载内容，并监视加载进度。

ProgressBar?组件在用户等待加载内容时，会显示加载进程。加载进程可以是确定的也可以是不确定的。确定的进程栏是一段时间内任务进程的线性表示，当要载入的内容量已知时使用。不确定的进程栏在不知道要加载的内容量时使用。您可以添加标签来显示加载内容的进程。
具体步骤
1.???????创建一个新Flash?Document?(文件?->?新建;?Ctrl-N)，新建两个Layer(层),三层分别起名loader,?ProgressBar和action。在loader层拖拽一个loader组件到场景，在ProgressBar层拖拽一个ProgressBar组件到场景。如下图：

2.???????选择loader层的Loader组件，在下面的属性框里的参数栏项里把将Loader组件命名为myLoader。设置如下：

提示：
·???????????autoLoad一个布尔值，指明内容会自动加载?(true)?还是您必须调用?Loader.load()才进行加载?(false)。
·???????????contentPath一个字符串，它指明要加载的内容的?URL。
·???????????scaleContent一个布尔值，它指明是内容会进行缩放以适合加载器?(?true)，还是加载器会进行缩放以适合内容?(false)。
???????技巧:读者还可以通过在第一帧加入AS代码myLoader.contentPath(“Waterlilies.jpg”)，也可以起到加载jpg或swf文件。

3.???????选择ProgressBar层的ProgressBar组件，在下面的属性框里的参数栏项里把将ProgressBar组件命名为myProgressBar。设置如下：

·???????????提示：
·???????????source要加载的内容，其进程由进程栏监视。

4.???????在action层的第一帧加入下列AS代码：
//?创建一个广播目标给Loader
myLoaderListener?=?new?Object();?
myLoaderListener.complete?=?function?(?eventObject?)
{
????myProgressBar._visible?=?false;
}
?myLoader.addEventListener("complete",?myLoaderListener);

·???????????提示：
这段代码表示当myLoader加载的内容完成时myProgressBar属性变成不可见

5.???????测试影片（Ctrl+Enter）

9load.fla
非凡提示
Loader?组件相当于一个容器，装载外部的swf或jpg文件，但是只有外部的swf或jpg文件完全加载完毕才会显示其内容，假如外部加载的文件过大就会给访问者造成一个错觉没有内容，所以我们就必须通过ProgressBar?组件来显示加载的情况。ProgressBar?组件不仅可以跟Loader组件配合，还可以跟其他的效果配合，只要在ProgressBar?组件的source参数指定链接。

非凡说明

Loader?类的方法摘要

方法描述
Loader.load()?加载由?contentPath?属性指定的内容。

Loader?类的属性摘要
属性描述
Loader.autoLoad一个布尔值，指明内容会自动加载?(true)?还是您必须调用Loader.load()才进行加载?(false)。
Loader.bytesLoaded只读属性，指明已经加载的字节数。
Loader.bytesTotal?指明内容中的总字节数的只读属性。
Loader.content?引用由?Loader.contentPath属性指定的内容。该属性为只读。
Loader.contentPath?一个字符串，它指明要加载的内容的?URL。
Loader.percentLoaded?一个数字，它指明已加载内容的百分比。该属性为只读。
Loader.scaleContent?一个布尔值，它指明是内容会进行缩放以适合加载器?(?true)，还是加载器会进行缩放以适合内容?(false)。

Loader?类的事件摘要
事件描述
Loader.complete?当内容加载完成时触发。
Loader.progress?在内容加载过程中触发。

ProgressBar?类的方法摘要
方法?描述
ProgressBar.setProgress()在手动模式中设置栏的进程。

ProgressBar?类的属性摘要
属性描述
ProgressBar.conversion?一个数字，用于转换当前所加载字节的值和所加载字节总值。
ProgressBar.direction?进程栏填充的方向。
ProgressBar.indeterminate?指明源的总字节数为未知。
ProgressBar.label进程栏随附的文本。?
ProgressBar.labelPlacement?与进程栏相关的标签位置。
ProgressBar.maximum?手动模式中进程的最大值。
ProgressBar.minimum手动模式中进程的最小值。
ProgressBar.mode?进程栏加载内容的模式。?
ProgressBar.percentComplete?指明加载百分比的数字。
ProgressBar.source要加载的内容，其进程由进程栏监视。
ProgressBar.value指明已建立的进程的数量。该属性为只读。

ProgressBar?类的事件摘要
事件描述
ProgressBar.complete加载完成时触发。
ProgressBar.progress在事件模式或轮询模式中加载内容时触发。

上一篇：{技巧}如何使用NumericStepper 组件 人气:1911
下一篇：{技巧}如何使用Label 组件 人气:3542

Flash视频教程