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