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