自定义 NumericStepper 组件

您可以设置 NumericStepper 组件的样式属性以更改其外观。样式指定了绘制组件时组件的外观、填充和文本格式的值。 textFormat 样式允许您更改 NumericStepper 的值的大小和外观。不同的外观样式允许您指定不同的类用于外观。有关使用外观样式的详细信息，请参阅 关于外观 。

此过程使用 textFormat 样式更改 NumericStepper 显示的值的外观。

1. 创建一个新的 Flash 文档 (ActionScript 3.0)。

2. 将 NumericStepper 组件从“组件”的面板中拖到舞台上，并为其指定实例名称 myNs 。

3. 将以下代码添加到主时间轴第 1 帧的“动作”面板上：

   var tf:TextFormat = new TextFormat(); 
   myNs.setSize(100, 50); 
   tf.color = 0x0000CC; 
   tf.size = 24; 
   tf.font = "Arial"; 
   tf.align = "center"; 
   myNs.setStyle("textFormat", tf);

4. 选择“控制”>“测试影片”。

NumericStepper 组件具有表示其按钮的弹起、按下、禁用和选择状态的外观。

如果启用了步进器，当指针移到向上按钮和向下按钮的上方时，这些按钮会显示其悬停状态。这些按钮在被按下时，会显示为按下状态。当释放鼠标后，这些按钮又会返回其悬停状态。如果鼠标按下时指针移离按钮，按钮会恢复到其原始状态。

如果禁用了步进器，不论用户进行什么交互性操作，它都会显示其禁用状态。

NumericStepper 组件具有以下外观：

1. 创建一个新的 FLA 文件。

2. 将 NumericStepper 组件拖动到舞台上。

3. 将“缩放”控件设置为 400%，从而放大图像以便进行编辑。

4. 双击外观面板中 TextInput 外观的背景，直到进入到“组”级别和在“属性”检查器中的“填充颜色选择器”中显示了背景色。

5. 使用“属性”检查器中的“填充颜色选择器”，选择颜色 #9999FF 以将其应用于 TextInput 外观的背景。

6. 单击舞台上方编辑栏左侧的“返回”按钮，返回到文档编辑模式。

7. 再次双击 NumericStepper 以重新打开外观面板。

8. 双击 Up 组中的向上箭头按钮的背景，直到选中了背景且背景颜色出现在“属性”检查器的“填充颜色选择器”中。

9. 选择颜色 #9966FF 以将其应用于向上箭头按钮的背景。

10. 对 Up 组中的向下箭头重复步骤 8 和步骤 9。

11. 选择“控制”>“测试影片”。

    显示的 NumericStepper 实例应如下图所示：