第二节 组件(4)

NumericStepper组件允许用户逐个通过一组经过排序的数字。该组件由显示在上下箭头按钮旁边的数字组成。当你按下上下箭头按钮时，数字将根据stepSize参数的值增大或减小，直到你松开鼠标按钮或达到最大/最小值为止。

在【属性】面板中可以设置NumericStepper组件的参数有：

u       value：设置当前步进的值，默认值为 0。

u       minimum：设置步进的最小值，默认值为 0。

u       maximum：设置步进的最大值，默认值为 10。

u       stepSize：设置步进的变化单位，默认值为 1。

（8）进程栏（ProgressBar）组件

在Flash MX 2004以前的Flash版本中，制作动画预载画面，精确显示动画加载进度是一个重要内容。通常我们是创建一个进度条影片剪辑元件，然后通过Action编程来实现动画预载进度画面的制作。

Flash MX 2004为我们提供了一个进程栏（ProgressBar）组件，专门用来制作动画预载画面，显示动画加载进度。

ProgressBar组件在用户等待加载内容时，会显示加载进程。加载进程可以是确定的也可以是不确定的。确定的进程栏是一段时间内任务进程的线性表示，当要载入的内容量已知时使用。不确定的进程栏在不知道要加载的内容量时使用。你可以添加标签来显示加载内容的进程。

默认情况下，组件被设置为在第一帧导出。这意味着这些组件在第一帧呈现前被加载到应用程序中。如果要为应用程序创建动画预载画面，则需要在每个组件的【链接属性】对话框（在【库】面板中，用鼠标右键单击组件，选择【链接】）中取消对【在第一帧导出】的选择。但是对于ProgressBar组件应设置为【在第一帧导出】，因为ProgressBar组件必须在其他内容流进入Flash Player之前首先显示。

进程栏允许你在内容加载过程中显示内容的进程。当用户与应用程序交互操作时，这是必需的反馈信息。

在【属性】面板中可以设置ProgressBar组件的参数有：

u       mode：进度栏运行的模式。此值可以是下列之一：event（事件）、polled（轮询）或manual（手动）。默认值为事件。最常用的模式是“事件”和“轮询”。这些模式使用source参数来指定一个加载进程，该进程发出progress和complete事件（事件模式）或公开getBytesLoaded和getsBytesTotal方法（轮询模式）。

u       Source：一个要转换为对象的字符串，它表示要绑定源的实例名。

u       Direction：进度栏填充的方向。该值可以在右侧或左侧，默认值为右侧。

u       Label：指明加载进度的文本。该参数是一个字符串，其格式是“已加载%2的%1(%3%%)”；%1是当前已加载字节数的占位符，%2是加载的总字节数，%3是当前加载的百分比的占位符。字符“%%”是字符“%”的占位符。如果某个%2的值未知，它将被替换为“??”。如果某个值未定义，则不显示标签。

u       labelPlacement：与进程栏相关的标签位置。此参数可以是下列值之一：顶部、底部、左侧、右侧、中间。默认值为底部。

u       Conversion：一个数字，在显示标签字符串中的%1和%2的值之前，用这些值除以该数字。默认值为 1。

下面我们创建一个带有事件模式ProgressBar组件的应用程序实例：

步骤1 新建一个影片文档，文档属性取默认值。保存这个影片文件名为“loading.fla”。

步骤2 将ProgressBar组件和Loader组件从【组件】面板中各拖放一个实例到舞台上。用【任意变形工具】增大Loader组件实例，效果如图8-3-14所示。

图8-3-14 ProgressBar和Loader实例

步骤3 选择舞台上的Loader实例，在【属性】面板中，输入实例名称loader。设置【contenPath】参数值为“test.swf”，其他参数取默认值，如图8-3-15所示。

图8-3-15 设置Loader实例的属性和参数

说明：test.swf是事先制作好的一个动画播放文件，并且这个文件和目前编辑的loading.fla文件必须在同一个文件夹下。

步骤4 选择舞台上的ProgressBar实例，在【属性】面板中，输入实例名称为pBar。在【source】参数中输入loader，其他参数取默认值。注意这时的【mode】参数，是【event】（事件）模式。【属性】面板设置如图8-3-16所示。

图8-3-16 设置ProgressBar实例属性和参数

步骤5 按快捷键Ctrl+Enter测试影片。在测试窗口，下载进度条一闪而过，这是因为在本地影片测试的原因。为了逼真模拟网络下载情况，你可以执行【视图】|【模拟下载】命令，这样就可以观察到模拟网络下程序的运行情况了。

在【polled】（轮询）模式下使用进度栏，ProgressBar使用源对象的【getBytesLoaded】和【getBytesTotal】方法来显示其进度。比如，我们按照如图8-3-17所示进行ProgressBar实例参数设置。设置完后，测试一下效果吧！

图8-3-17 使用polled（轮询）模式