Flex中如何给Accordion的各个头部文字设置不同颜色

<iframe src="http://blog.minidx.com/ext05/setting-styles-on-individual-flex-accordion-headers/main.html" width="550" height="380"></iframe>

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:Style>
8. AccordionHeader {
9. fillColors: black, black;
10. fillAlphas: 1, 1;
11. textRollOverColor: white;
12. textSelectedColor: white;
13. themeColor: black;
14. }
15. </mx:Style>
17. <mx:Script>
18. <![CDATA[
19. private function init():void {
20. accordion.getHeaderAt(0).setStyle("color", "red");
21. accordion.getHeaderAt(1).setStyle("color", "haloOrange");
22. accordion.getHeaderAt(2).setStyle("color", "yellow");
23. accordion.getHeaderAt(3).setStyle("color", "haloGreen");
24. accordion.getHeaderAt(4).setStyle("color", "haloBlue");
25. }
26. ]]>
27. </mx:Script>
29. <mx:Accordionid="accordion"
30. width="300"
31. height="200"
32. creationComplete="init();">
33. <mx:VBoxlabel="Red" />
34. <mx:VBoxlabel="Orange" />
35. <mx:VBoxlabel="Yellow" />
36. <mx:VBoxlabel="Green" />
37. <mx:VBoxlabel="Blue" />
38. </mx:Accordion>
40. </mx:Application>