自定义 NumericStepper 组件

样式和 NumericStepper 组件
外观和 NumericStepper 组件

在创作过程中和运行时，可以在水平和垂直方向上将 NumericStepper 组件变形。在创作时，在舞台上选择组件并使用“任意变形”工具或任何“修改”>“变形”命令。在运行时，可使用 setSize() 方法或 NumericStepper 类的任何适用属性和方法，如 width、height、scaleX 和 scaleY。

调整 NumericStepper 组件的大小不会改变上下箭头按钮的宽度。如果将步进器的大小调整为大于默认的高度，默认行为会将箭头按钮固定在组件顶部和底部。否则，由 9 切片缩放确定如何绘制箭头。箭头按钮会始终出现在文本框的右侧。

样式和 NumericStepper 组件

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

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

创建一个新的 Flash 文档 (ActionScript 3.0)。
将 NumericStepper 组件从“组件”的面板中拖到舞台上，并为其指定实例名称 myNs。

将以下代码添加到主时间轴第 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);

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

外观和 NumericStepper 组件

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

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

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

NumericStepper 组件具有以下外观：

查看完全大小图形

NumericStepper 外观

创建一个新的 FLA 文件。
将 NumericStepper 组件拖动到舞台上。
将“缩放”控件设置为 400%，从而放大图像以便进行编辑。
双击外观面板中 TextInput 外观的背景，直到进入到“组”级别和在“属性”检查器中的“填充颜色选择器”中显示了背景色。
使用“属性”检查器中的“填充颜色选择器”，选择颜色 #9999FF 以将其应用于 TextInput 外观的背景。
单击舞台上方编辑栏左侧的“返回”按钮，返回到文档编辑模式。
再次双击 NumericStepper 以重新打开外观面板。
双击 Up 组中的向上箭头按钮的背景，直到选中了背景且背景颜色出现在“属性”检查器的“填充颜色选择器”中。
选择颜色 #9966FF 以将其应用于向上箭头按钮的背景。
对 Up 组中的向下箭头重复步骤 8 和步骤 9。
选择“控制”>“测试影片”。

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