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

在前面的 Flex中如何设置TextArea控件中的无效(disabled)文本颜色的例子中，我们了解了 Flex中如何通过设定 TextArea控件的 color和disabledColor样式，设定文本在有效，无效状态下的颜色。同样的，接下来的例子演示了 Flex的 NumericStepper控件中，如何通过 disabledColor样式设置 NumericStepper控件无效时文本颜色。

让我们先来看一下Demo（可以右键View Source或 点击这里察看源代码 ）：

 

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

1. <?xml version="1.0" encoding="utf-8"?>
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
3.         layout="vertical"
4.         verticalAlign="middle"
5.         backgroundColor="white">
7.     <mx:ApplicationControlBar dock="true">
8.         <mx:Form styleName="plain">
9.             <mx:FormItem label="enabled:">
10.                 <mx:CheckBox id="checkBox" selected="true" />
11.             </mx:FormItem>
12.             <mx:FormItem label="disabledColor:">
13.                 <mx:ColorPicker id="colorPicker" />
14.             </mx:FormItem>
15.         </mx:Form>
16.     </mx:ApplicationControlBar>
18.     <mx:NumericStepper id="numericStepper"
19.             enabled="{checkBox.selected}"
20.             disabledColor="{colorPicker.selectedColor}" />
22. </mx:Application>