Flex中如何通过dropShadowColor, shadowDirection和shadowDistance样式，创建一个有阴影效果的TextArea控件...

main.mxml

1. <?xml version="1.0" encoding="utf-8"?>
2. <!-- http://blog.flexexamples.com/2007/09/23/creating-drop-shadows-on-the-flex-textarea-control/ -->
3. <mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"
4. layout="vertical"
5. verticalAlign="middle"
6. backgroundColor="white">
8. <mx:ApplicationControlBardock="true">
9. <mx:Form>
10. <mx:FormItemlabel="dropShadowEnabled:">
11. <mx:CheckBoxid="checkBox" selected="true" />
12. </mx:FormItem>
13. <mx:FormItemlabel="dropShadowColor:">
14. <mx:ColorPickerid="colorPicker" />
15. </mx:FormItem>
16. <mx:FormItemlabel="shadowDirection:">
17. <mx:ComboBoxid="comboBox" selectedIndex="1">
18. <mx:dataProvider>
19. <mx:Array>
20. <mx:Objectlabel="left" />
21. <mx:Objectlabel="center" />
22. <mx:Objectlabel="right" />
23. </mx:Array>
24. </mx:dataProvider>
25. </mx:ComboBox>
26. </mx:FormItem>
27. <mx:FormItemlabel="shadowDistance:">
28. <mx:HSliderid="slider"
29. minimum="-10"
30. maximum="10"
31. value="0"
32. labels="[-10,-5,0,5,10]"
33. liveDragging="true"
34. snapInterval="1"
35. tickInterval="2"/>
36. </mx:FormItem>
37. </mx:Form>
38. </mx:ApplicationControlBar>
40. <mx:TextAreaid="textArea"
41. dropShadowEnabled="{checkBox.selected}"
42. dropShadowColor="{colorPicker.selectedColor}"
43. shadowDistance="{slider.value}"
44. shadowDirection="{comboBox.selectedItem.label}"
45. width="320"
46. height="120"/>
48. </mx:Application>