自定义 NumericStepper 组件

在创作过程中以及在运行时,您都可以在水平和垂直方向上改变 NumericStepper 组件的形状。在创作时,在舞台上选择组件并使用“任意变形”工具或任何“修改”>“变形”命令。在运行时,使用 setSize() 方法(请参阅 UIObject.setSize())或任何适用的 NumericStepper 类的属性和方法。请参阅 NumericStepper 类

调整 NumericStepper 组件的大小不会改变上下箭头按钮的大小。如果将步进器的大小调整为大于默认的高度,则该步进器的按钮将被固定在组件的顶部或底部。 步进器按钮会始终出现在文本框的右侧。

对 NumericStepper 组件使用样式

您可以设置样式属性以更改步进器实例的外观。如果样式属性的名称以“Color”结尾,则它是颜色样式属性,并且行为与非颜色样式属性不同。有关详细信息,请参阅使用样式自定义组件的颜色和文本

NumericStepper 组件支持下列光晕样式:

样式

描述

themeColor

组件的背景。这是唯一不继承样式值的颜色样式。可能的值包括“haloGreen”、“haloBlue”和“haloOrange”。

color

组件标签的文本。

disabledColor

禁用的文本颜色。

fontFamily

文本的字体名称。

fontSize

字体的磅值。

fontStyle

字体样式;“常规”或“斜体”。

fontWeight

字体粗细;“常规”或“粗体”。

textDecoration

文本修饰;“无”或“下划线”。

textAlign

文本对齐方式;“左”、“右”或“居中”。

对 NumericStepper 组件使用外观

NumericStepper 组件会使用外观来表现其视觉效果。要在创作时设置 NumericStepper 组件的外观,请在库中修改外观元件并将组件作为 SWC 重新导出。外观元件位于库中的 Flash UI Components 2/Themes/MMDefault/Stepper Elements/states 文件夹中。有关详细信息,请参阅关于设置组件外观

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

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

NumericStepper 组件使用以下外观属性:

属性

描述

upArrowUp

向上箭头的弹起状态。默认值为 StepUpArrowUp

upArrowDown

向上箭头的按下状态。默认值为 StepUpArrowDown

upArrowOver

向上箭头的悬停状态。默认值为 StepUpArrowOver

upArrowDisabled

向上箭头的禁用状态。默认值为 StepUpArrowDisabled

downArrowUp

向下箭头的弹起状态。默认值为 StepDownArrowUp

downArrowDown

向下箭头的按下状态。默认值为 StepDownArrowDown

downArrowOver

向下箭头的悬停状态。默认值为 StepDownArrowOver

downArrowDisabled

向下箭头的禁用状态。默认值为 StepDownArrowDisabled