Use getchildat () and setstyle () in flex to set a single tabbar tab Style

1. <? XML version = "1.0"?>
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. itemclickevent;
10. Import MX. Controls. tabbarclasses. tab;
12. Private function tabbar_creationcomplete (): void {
13. VaR colorarr: array = ["red", "haloorange", "yellow", "halogreen", "haloblue"];
14. VaR color: string;
15. VaR tab: tab;
16. VaR idx: uint;
17. VaR Len: uint = tabbar. dataprovider. length;
19. For (idx = 0; idx <Len; idx ++ ){
20. VaR I: Int = idx % colorarr. length;
21. Color = colorarr [I];
22. Tab = tab (tabbar. getchildat (idx ));
23. Tab. setstyle ("fillcolors", [color, "White"]);
24. Tab. setstyle ("fillalphas", [1.0, 1.0]);
25. Tab. setstyle ("backgroundcolor", color );
26. }
27. }
29. Private function tabbar_itemclick (EVT: itemclickevent): void {
30. Viewstack. selectedindex = EVT. index;
31. }
32. ]>
33. </MX: SCRIPT>
35. <Mx: array id = "arr">
36. <Mx: Object Label = "red"/>
37. <Mx: Object Label = "orange"/>
38. <Mx: Object Label = "yellow"/>
39. <Mx: Object Label = "green"/>
40. <Mx: Object Label = "blue"/>
41. </MX: array>
43. <Mx: tabbar id = "tabbar"
44. Dataprovider = "{arr }"
45. Creationcomplete = "tabbar_creationcomplete ();"
46. Itemclick = "tabbar_itemclick (event);"/>
48. <Mx: viewstack id = "viewstack"
49. Width = "{tabbar. Width }"
50. Stylename = "plain">
51. <Mx: vbox id = "redvbox" width = "100%" Height = "100">
52. <Mx: Label text = "Red vbox"/>
53. </MX: vbox>
54. <Mx: vbox id = "orangevbox" width = "100%" Height = "100">
55. <Mx: Label text = "Orange vbox"/>
56. </MX: vbox>
57. <Mx: vbox id = "yellowvbox" width = "100%" Height = "100">
58. <Mx: Label text = "Yellow vbox"/>
59. </MX: vbox>
60. <Mx: vbox id = "greenvbox" width = "100%" Height = "100">
61. <Mx: Label text = "Green vbox"/>
62. </MX: vbox>
63. <Mx: vbox id = "bluevbox" width = "100%" Height = "100">
64. <Mx: Label text = "Blue vbox"/>
65. </MX: vbox>
66. </MX: viewstack>
68. </MX: Application>