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

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>

你可能感兴趣的:(flex,application,scroll,encoding,layout)