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

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

让我们先来看一下Demo（

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

）

：

下面是完整代码(或点击这里察看)：
Download: main.mxml

<?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="disabledIconColor:">
<mx:ColorPicker id="colorPicker" />
</mx:FormItem>
</mx:Form>
</mx:ApplicationControlBar>

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

</mx:Application>