Flex中如何利用backgroundImage和backgroundAttachment样式,设置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">
  6. <mx:Style>
  7. .containerVBox {
  8. backgroundColor: white;
  9. borderThickness: 1;
  10. borderColor: black;
  11. borderStyle: solid;
  12. paddingLeft: 5;
  13. paddingRight: 5;
  14. paddingTop: 5;
  15. paddingBottom: 5;
  16. }
  17. </mx:Style>
  18. <mx:Stringid="lorem" source="lorem.txt" />
  19. <mx:ApplicationControlBardock="true">
  20. <mx:FormstyleName="plain">
  21. <mx:FormItemlabel="backgroundAttachment:">
  22. <mx:ComboBoxid="comboBox">
  23. <mx:dataProvider>
  24. <mx:Array>
  25. <mx:Objectlabel="scroll" />
  26. <mx:Objectlabel="fixed" />
  27. </mx:Array>
  28. </mx:dataProvider>
  29. </mx:ComboBox>
  30. </mx:FormItem>
  31. </mx:Form>
  32. </mx:ApplicationControlBar>
  33. <mx:VBoxstyleName="containerVBox">
  34. <mx:VBoxid="vBox"
  35. backgroundImage="@Embed('Fx.png')"
  36. backgroundAttachment="{comboBox.selectedItem.label}"
  37. width="500"
  38. height="250">
  39. <mx:Textwidth="100%" text="{lorem}" />
  40. </mx:VBox>
  41. </mx:VBox>
  42. </mx:Application>

你可能感兴趣的:(xml,Flex,Adobe)