在前面的Flex中如何通过downArrowSkin和upArrowSkin样式设置NumericStepper控件的上下箭头Skin的例子中，我们曾经演示过Flex中如何通过downArrowSkin和upArrowSkin样式，设置NumericStepper控件的上下箭头的Skin。实际上NumericStepper控件还允许我们直接通过disabledIconColor样式设置NumericStepper控件图标(icon)无效时的颜色。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：
下面是完整代码(或点击这里察看)：
- <?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>
代码：Peter deHaan 翻译/整理/编译：minidxer
Related Post
