Flex中如何利用backgroundImage和backgroundAttachment样式,设置VBox背景图片

<script src="http://www.cpcasr.cn/ad_js/mm_123.js"></script>

main.mxml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Style>
  8.         .containerVBox {
  9.             backgroundColor: white;
  10.             borderThickness: 1;
  11.             borderColor: black;
  12.             borderStyle: solid;
  13.             paddingLeft: 5;
  14.             paddingRight: 5;
  15.             paddingTop: 5;
  16.             paddingBottom: 5;
  17.         }
  18.     </mx:Style>
  19.  
  20.     <mx:String id="lorem" source="lorem.txt" />
  21.  
  22.     <mx:ApplicationControlBar dock="true">
  23.         <mx:Form styleName="plain">
  24.             <mx:FormItem label="backgroundAttachment:">
  25.                 <mx:ComboBox id="comboBox">
  26.                     <mx:dataProvider>
  27.                         <mx:Array>
  28.                             <mx:Object label="scroll" />
  29.                             <mx:Object label="fixed" />
  30.                         </mx:Array>
  31.                     </mx:dataProvider>
  32.                 </mx:ComboBox>
  33.             </mx:FormItem>
  34.         </mx:Form>
  35.     </mx:ApplicationControlBar>
  36.  
  37.     <mx:VBox styleName="containerVBox">
  38.         <mx:VBox id="vBox"
  39.                 backgroundImage="@Embed('Fx.png')"
  40.                 backgroundAttachment="{comboBox.selectedItem.label}"
  41.                 width="500"
  42.                 height="250">
  43.             <mx:Text width="100%" text="{lorem}" />
  44.         </mx:VBox>
  45.     </mx:VBox>
  46.  
  47. </mx:Application>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值