Flex中如何通过backgroundImage和backgroundSize样式，设置VBox容器的背景图片以及大小

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:Style>
8. VBox {
9. backgroundImage: Embed("Fx.png");
10. backgroundColor: red;
11. }
12. </mx:Style>
14. <mx:ApplicationControlBardock="true">
15. <mx:FormstyleName="plain">
16. <mx:FormItemlabel="percentWidth:">
17. <mx:HSliderid="sliderW"
18. minimum="0"
19. maximum="100"
20. value="100"
21. liveDragging="true"
22. snapInterval="1"
23. tickInterval="10"
24. dataTipPrecision="0"/>
25. </mx:FormItem>
26. <mx:FormItemlabel="percentHeight:">
27. <mx:HSliderid="sliderH"
28. minimum="0"
29. maximum="100"
30. value="100"
31. liveDragging="true"
32. snapInterval="1"
33. tickInterval="10"
34. dataTipPrecision="0"/>
35. </mx:FormItem>
36. <mx:FormItemlabel="backgroundSize:">
37. <mx:ComboBoxid="comboBox">
38. <mx:dataProvider>
39. <mx:Array>
40. <mx:Objectlabel="auto" />
41. <mx:Objectlabel="100%" />
42. <mx:Objectlabel="90%" />
43. <mx:Objectlabel="80%" />
44. <mx:Objectlabel="70%" />
45. <mx:Objectlabel="60%" />
46. <mx:Objectlabel="50%" />
47. <mx:Objectlabel="40%" />
48. <mx:Objectlabel="30%" />
49. <mx:Objectlabel="20%" />
50. <mx:Objectlabel="10%" />
51. <mx:Objectlabel="0%" />
52. </mx:Array>
53. </mx:dataProvider>
54. </mx:ComboBox>
55. </mx:FormItem>
56. </mx:Form>
57. </mx:ApplicationControlBar>
59. <mx:HBoxpercentWidth="{sliderW.value}"
60. percentHeight="{sliderH.value}">
61. <mx:VBoxbackgroundSize="{comboBox.selectedItem.label}"
62. width="100%"
63. height="100%"/>
64. </mx:HBox>
66. </mx:Application>