设置NumericStepper控件不可用状态的上下箭头颜色。

NumericStepper控件的

disabledIconColor

样式学习。

示例：

代码：
<?xml version="1.0" encoding="utf-8"?>

<!-- http://blog.flexexamples.com/2008/05/25/setting-the-icon-color-on-a-disabled-numericstepper-control-in-flex/ -->

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

layout="vertical"

verticalAlign="middle"

backgroundColor="white">

<mx:Style>

NumericStepper {

disabledIconColor: red;

}

</mx:Style>

<mx:ApplicationControlBar dock="true">

<mx:Form styleName="plain">

<mx:FormItem label="enabled:">

<mx:CheckBox id="checkBox" selected="true" />

</mx:FormItem>

</mx:Form>

</mx:ApplicationControlBar>

<mx:NumericStepper id="numericStepper"

enabled="{checkBox.selected}" />

</mx:Application>

在MXML标签的属性实现：

<?xml version="1.0" encoding="utf-8"?>

<!-- http://blog.flexexamples.com/2008/05/25/setting-the-icon-color-on-a-disabled-numericstepper-control-in-flex/ -->

<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>

也可以通过AS的方法实现:

<?xml version="1.0" encoding="utf-8"?>

<!-- http://blog.flexexamples.com/2008/05/25/setting-the-icon-color-on-a-disabled-numericstepper-control-in-flex/ -->

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

layout="vertical"

verticalAlign="middle"

backgroundColor="white">

<mx:Script>

<![CDATA[

import mx.events.ColorPickerEvent;

private function colorPicker_change(evt:ColorPickerEvent):void {

numericStepper.setStyle("disabledIconColor", evt.color);

}

]]>

</mx:Script>

<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"

change="colorPicker_change(event);" />

</mx:FormItem>

</mx:Form>

</mx:ApplicationControlBar>

<mx:NumericStepper id="numericStepper"

enabled="{checkBox.selected}" />

</mx:Application>