Flex中通过borderColor样式设置NumericStepper控件边框颜色的例子

关于边框的颜色的设置，前面的例子 Flex中如何设置进度条(ProgressBar)边框颜色的例子和 Flex中如何改变TextInput输入框得到焦点时边框颜色的例子中都有提到，不过他们分别是通过设置 borderColor和 themeColor样式实现的。接下来的例子中和进度条的设置方法一样，演示了Flex中如何通过borderColor样式，设置NumericStepper控件边框颜色。

让我们先来看一下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="borderColor:">
10.                 <mx:ColorPicker id="colorPicker" />
11.             </mx:FormItem>
12.         </mx:Form>
13.     </mx:ApplicationControlBar>
15.     <mx:NumericStepper id="numericStepper"
16.             borderColor="{colorPicker.selectedColor}" />
18. </mx:Application>