Flex中如何改变TextInput输入框得到焦点时边框颜色的例子

接下来的例子演示了Flex中如何通过设置 themeColor属性，改变TextInput输入框得到焦点时边框的颜色。

让我们先来看一下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:Script>
8.         <![CDATA[
9.             import mx.events.DropdownEvent;
10.             import mx.events.ColorPickerEvent;
12.             private function colorPicker_change(evt:ColorPickerEvent):void {
13.                 textInput.setStyle("themeColor", evt.color);
14.             }
16.             private function colorPicker_close(evt:DropdownEvent):void {
17.                 focusManager.setFocus(textInput);
18.             }
19.         ]]>
20.     </mx:Script>
22.     <mx:ApplicationControlBar dock="true">
23.         <mx:Form styleName="plain">
24.             <mx:FormItem label="themeColor:">
25.                 <mx:ColorPicker id="colorPicker"
26.                         change="colorPicker_change(event);"
27.                         close="colorPicker_close(event);" />
28.             </mx:FormItem>
29.         </mx:Form>
30.     </mx:ApplicationControlBar>
32.     <mx:TextInput id="textInput" />
34. </mx:Application>