Flex Gumbo中如何利用itemRenderer属性自定义FxList内项目的例子

下面是main.mxml：

1. <? xml version = " 1.0 " encoding = " utf-8 " ?>
2. < FxApplication name = " FxList_itemRenderer_test "
3. xmlns = " http://ns.adobe.com/mxml/2009 " >
4. < layout >
5. < BasicLayout />
6. </ layout >
8. < Declarations >
9. < ArrayList id = " arrList " >
10. < Object firstName = " Ryan "
11. lastName = " Frishberg "
12. url = " http://frishy.blogspot.com/ " />
13. < Object firstName = " Ely "
14. lastName = " Greenfield "
15. url = " http://www.quietlyscheming.com/blog/ " />
16. < Object firstName = " Chet "
17. lastName = " Haase "
18. url = " http://graphics-geek.blogspot.com/ " />
19. < Object firstName = " Alex "
20. lastName = " Harui "
21. url = " http://blogs.adobe.com/aharui/ " />
22. < Object firstName = " Joan "
23. lastName = " Lafferty "
24. url = " http://butterfliesandbugs.wordpress.com/ " />
25. < Object firstName = " Gordon "
26. lastName = " Smith "
27. url = " http://blogs.adobe.com/gosmith/ " />
28. < Object firstName = " Deepa "
29. lastName = " Subramaniam "
30. url = " http://iamdeepa.com/blog/ " />
31. < Object firstName = " Rob "
32. lastName = " Vollmar "
33. url = " http://flexspaghetti.wordpress.com/ " />
34. </ ArrayList >
35. </ Declarations >
37. < FxList id = " list "
38. dataProvider = " {arrList} "
39. itemRenderer = " ResizingItemRenderer "
40. horizontalCenter = " 0 "
41. top = " 20 "
42. width = " 250 " />
44. </ FxApplication >

下面是ResizingItemRenderer.mxml的代码：

1. <? xml version = " 1.0 " encoding = " utf-8 " ?>
2. < ItemRenderer name = " ResizingItemRenderer "
3. xmlns = " http://ns.adobe.com/mxml/2009 " >
4. < states >
5. < State name = " normal " />
6. < State name = " hovered " />
7. < State name = " selected " />
8. </ states >
10. <!-- hover/select highlight -->
11. < Rect left = " 0 " right = " 0 " top = " 0 " bottom = " 0 " >
12. < fill >
13. < SolidColor color = " {contentBackgroundColor} " />
14. </ fill >
15. < fill . hovered >
16. < SolidColor color = " {rollOverColor} " />
17. </ fill . hovered >
18. < fill . selected >
19. < SolidColor color = " {selectionColor} " />
20. </ fill . selected >
21. </ Rect >
23. < VGroup left = " 3 " top = " 3 " right = " 10 " bottom = " 3 " >
24. < TextGraphic content = " {data.firstName} {data.lastName} "
25. fontWeight = " bold " />
27. < TextGraphic content = " {data.url} "
28. includeIn = " selected " />
29. </ VGroup >
31. </ ItemRenderer >