Flex 4中如何设置SimpleText背景透明度的例子

By Minidxer | November 10, 2009

接下来的例子演示了Flex 4中如何通过backgroundAlpha和backgroundColor样式，设置SimpleText背景透明度。



下面是main.mxml：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:Application name="Spark_SimpleText_backgroundAlpha_test"
  3.         xmlns:fx="http://ns.adobe.com/mxml/2009"
  4.         xmlns:s="library://ns.adobe.com/flex/spark"
  5.         xmlns:mx="library://ns.adobe.com/flex/halo">
  6.  
  7.     <mx:ApplicationControlBar width="100%" cornerRadius="0">
  8.         <mx:Form styleName="plain">
  9.             <mx:FormItem label="backgroundColor:">
  10.                 <mx:ColorPicker id="colorPicker"
  11.                         selectedColor="white" />
  12.             </mx:FormItem>
  13.             <mx:FormItem label="backgroundAlpha:">
  14.                 <s:HSlider id="slider"
  15.                         minimum="0.0"
  16.                         maximum="1.0"
  17.                         value="1.0" 
  18.                         stepSize="0.1" 
  19.                         snapInterval="0.1" 
  20.                         liveDragging="true" />
  21.             </mx:FormItem>
  22.         </mx:Form>
  23.     </mx:ApplicationControlBar>
  24.  
  25.     <s:SimpleText id="smplTxt"
  26.             backgroundAlpha="{slider.value}"
  27.             backgroundColor="{colorPicker.selectedColor}"
  28.             maxWidth="500"
  29.             horizontalCenter="0"
  30.             verticalCenter="0">
  31.         <fx:String source="lorem.txt" />
  32.     </s:SimpleText>
  33.  
  34. </s:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Gumbo, SimpleText | No Comments » | Tags: , ,

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

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll