创建具有 NumericStepper 的应用程序

下面的过程解释了如何在创作时将 NumericStepper 组件添加到应用程序。该示例将一个 NumericStepper 组件和一个 Label 组件放置到舞台上,然后在 NumericStepper 实例上创建一个 Event.CHANGE 事件的侦听器。当数字步进器中的值更改时,该示例会在 Label 实例的 text 属性中显示新值。

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

  1. 将一个 NumericStepper 组件从"组件"面板拖到舞台上。
  2. 在"属性"检查器中,输入实例名称"aNs"。
  3. 将一个 Label 组件从"组件"面板拖到舞台上。
  4. 在"属性"检查器中,输入实例名称"aLabel"。
  5. 打开"动作"面板,在主时间轴中选择第 1 帧,然后输入以下 ActionScript 代码:
    import flash.events.Event;
    
    aLabel.text = "value = " + aNs.value;
    
    aNs.addEventListener(Event.CHANGE, changeHandler);
    function changeHandler(event:Event) :void {
     aLabel.text = "value = " + event.target.value;
    };
    

    此示例将标签的 text 属性设置为 NumericStepper 的值。只要 NumericStepper 实例中的值发生变化,changeHandler() 函数就会更新标签的 text 属性。

  6. 选择"控制">"测试影片"。

下面的示例使用 ActionScript 代码创建三个 NumericStepper,分别用于输入用户出生日期的月、日和年。该示例还为每个 NumericStepper 添加了用作提示和标识符的 Label。

使用 ActionScript 创建 NumericStepper:

  1. 创建一个新的 Flash 文件 (ActionScript 3.0) 文档。
  2. 将一个 Label 拖到"库"面板中。
  3. 将一个 NumericStepper 组件拖到"库"面板中。
  4. 打开"动作"面板,在主时间轴中选择第 1 帧,然后输入以下 ActionScript 代码:
    import fl.controls.Label;
    import fl.controls.NumericStepper;
    
    var dobPrompt:Label = new Label();
    var moPrompt:Label = new Label();
    var dayPrompt:Label = new Label();
    var yrPrompt:Label = new Label();
    
    var moNs:NumericStepper = new NumericStepper();
    var dayNs:NumericStepper = new NumericStepper();
    var yrNs:NumericStepper = new NumericStepper();
    
    addChild(dobPrompt);
    addChild(moPrompt);
    addChild(dayPrompt);
    addChild(yrPrompt);
    addChild(moNs);
    addChild(dayNs);
    addChild(yrNs);
    
    dobPrompt.setSize(65, 22);
    dobPrompt.text = "Date of birth:"
    dobPrompt.move(80, 150);
    
    moNs.move(150, 150);
    moNs.setSize(40, 22);
    moNs.minimum = 1;
    moNs.maximum = 12;
    moNs.stepSize = 1;
    moNs.value = 1;
    
    moPrompt.setSize(25, 22);
    moPrompt.text = "Mo.";
    moPrompt.move(195, 150);
    
    dayNs.move(225, 150);
    dayNs.setSize(40, 22);
    dayNs.minimum = 1;
    dayNs.maximum = 31;
    dayNs.stepSize = 1;
    dayNs.value = 1;
    
    dayPrompt.setSize(25, 22);
    dayPrompt.text = "Day";
    dayPrompt.move(270, 150);
    
    yrNs.move(300, 150);
    yrNs.setSize(55, 22);
    yrNs.minimum = 1900;
    yrNs.maximum = 2006;
    yrNs.stepSize = 1;
    yrNs.value = 1980;
    
    yrPrompt.setSize(30, 22);
    yrPrompt.text = "Year";
    yrPrompt.move(360, 150);
    
  5. 选择"控制">"测试影片",运行应用程序。