Flex中如何通过disabledColor样式设置NumericStepper控件无效时文本颜色的例子

在前面的Flex中如何设置TextArea控件中的无效(disabled)文本颜色的例子中，我们了解了Flex中如何通过设定TextArea控件的

color和
disabledColor样式，设定文本在有效，无效状态下的颜色
。同样的，接下来的例子演示了Flex的NumericStepper控件中，如何通过[code]disabledColor

样式设置NumericStepper控件无效时文本颜色。

让我们先来看一下Demo（

可以右键View Source或点击这里察看源代码

）

：

下面是完整代码(或点击这里察看)：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">

<mx:ApplicationControlBar dock="true">
<mx:Form styleName="plain">
<mx:FormItem label="enabled:">
<mx:CheckBox id="checkBox" selected="true" />
</mx:FormItem>
<mx:FormItem label="disabledColor:">
<mx:ColorPicker id="colorPicker" />
</mx:FormItem>
</mx:Form>
</mx:ApplicationControlBar>

<mx:NumericStepper id="numericStepper"
enabled="{checkBox.selected}"
disabledColor="{colorPicker.selectedColor}" />

</mx:Application>