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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值