Flex中如何通过strokeWidth, strokeColor和shadowColor样式，创建一个自定义风格的HRule或VRule...

main.mxml

1. <?xml version="1.0" encoding="utf-8"?>
2. <mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"
3. layout="vertical"
4. verticalAlign="middle"
5. backgroundColor="white">
7. <mx:ApplicationControlBardock="true">
8. <mx:Form>
9. <mx:FormItemlabel="stokeWidth:">
10. <mx:HSliderid="strokeWidthSlider"
11. minimum="0"
12. maximum="20"
13. value="2"
14. liveDragging="true"
15. snapInterval="1"
16. tickInterval="1"
17. dataTipPrecision="0"/>
18. </mx:FormItem>
19. <mx:FormItemlabel="strokeColor:">
20. <mx:ColorPickerid="strokeColorColorPicker"
21. selectedColor="red"/>
22. </mx:FormItem>
23. <mx:FormItemlabel="shadowColor:">
24. <mx:ColorPickerid="shadowColorColorPicker"
25. selectedColor="blue"/>
26. </mx:FormItem>
27. </mx:Form>
28. </mx:ApplicationControlBar>
30. <mx:HRuleid="hrule"
31. strokeWidth="{strokeWidthSlider.value}"
32. strokeColor="{strokeColorColorPicker.selectedColor}"
33. shadowColor="{shadowColorColorPicker.selectedColor}"
34. width="100%"/>
36. </mx:Application>