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

By Minidxer | February 3, 2009

接下来的例子演示了Flex中如何利用backgroundImage和backgroundAttachment样式，设置VBox背景图片。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：


下面是完整代码(或点击这里察看)：

Download: 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>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: VBox | No Comments » | Tags: , ,

你可能还对下列文章感兴趣:

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll