Flex中通过disabledIconColor样式设置NumericStepper控件图标(icon)无效时的颜色的例子

在前面的 Flex中如何通过downArrowSkin和upArrowSkin样式设置NumericStepper控件的上下箭头Skin的例子中，我们曾经演示过 Flex中如何通过 downArrowSkin和 upArrowSkin样式，设置 NumericStepper控件的上下箭头的 Skin。实际上 NumericStepper控件还允许我们直接通过 disabledIconColor样式设置 NumericStepper控件图标(icon)无效时的颜色。

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

 

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

Download: main.mxml

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="disabledIconColor:">
13.                 <mx:ColorPicker id="colorPicker" />
14.             </mx:FormItem>
15.         </mx:Form>
16.     </mx:ApplicationControlBar>
18.     <mx:NumericStepper id="numericStepper"
19.             enabled="{checkBox.selected}"
20.             disabledIconColor="{colorPicker.selectedColor}" />
22. </mx:Application>