使用 NumericStepper 组件

NumericStepper 可用于任何您想让用户选择数值的场合。例如,您可以在表格中使用 NumericStepper 组件来允许用户设置信用卡到期时间。另一个范例是可以使用 NumericStepper 组件来允许用户改变字体大小。

NumericStepper 参数

以下是您可以在属性检查器中或在“组件检查器”面板中为每个 NumericStepper 组件设置的创作参数:

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

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

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

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

您可以编写动作脚本,通过利用 NumericStepper 的属性、方法和事件来控制它的这些选项以及其他选项。有关详细信息,请参阅 NumericStepper 类

创建具有 NumericStepper 组件的应用程序

以下过程解释了如何在创作时将 NumericStepper 组件添加到应用程序。在该范例中,步进器允许用户从 0-5 星级的影片中选择一个影片,增量为半个星。

要创建具有 Button 组件的应用程序,请执行以下操作:

  1. 将 NumericStepper 组件从“组件”面板拖到舞台上。
  2. 在属性检查器中,输入实例名称 starStepper
  3. 在属性检查器中,执行以下操作:
    • 输入 0 作为最小参数。
    • 输入 5 作为最大参数。
    • 输入 .5 作为 stepSize 参数。
    • 输入 0 作为参数的值。
  4. 在时间轴中选择第一帧,打开“动作”面板,然后输入以下代码:
    movieRate = new Object();
    movieRate.change = function (eventObject){  
      starChart.value = eventObject.target.value;
    }
    starStepper.addEventListener("change", movieRate);
    

    最后一行代码将 change 事件处理函数添加到 starStepper 实例。该处理函数会设置 starChart 影片剪辑,以显示由 starStepper 实例指明的星级。(要查看此代码的运行效果,您必须创建一个具有 value 属性(该属性显示星级)的 starChart 影片剪辑。)