使用 ActionScript 3.0 组件 |
|
|
|
| 使用 UI 组件 > 使用 NumericStepper > 创建具有 NumericStepper 的应用程序 | |||
下面的过程解释了如何在创作时将 NumericStepper 组件添加到应用程序。该示例将一个 NumericStepper 组件和一个 Label 组件放置到舞台上,然后在 NumericStepper 实例上创建一个 Event.CHANGE 事件的侦听器。当数字步进器中的值更改时,该示例会在 Label 实例的 text 属性中显示新值。
创建具有 NumericStepper 组件的应用程序:
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 属性。
下面的示例使用 ActionScript 代码创建三个 NumericStepper,分别用于输入用户出生日期的月、日和年。该示例还为每个 NumericStepper 添加了用作提示和标识符的 Label。
使用 ActionScript 创建 NumericStepper: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);
|
|
|
|