Flex中如何通过backgroundAlpha样式创建半透明下拉菜单ComboBox的例子

By Minidxer | January 24, 2009

接下来的例子演示了Flex中如何通过backgroundAlpha样式,创建半透明下拉菜单ComboBox。

让我们先来看一下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.         .myCustomDropdownStyleName {
  9.             backgroundAlpha: 0.4;
  10.             backgroundColor: white;
  11.         }
  12.     </mx:Style>
  13.  
  14.     <mx:ApplicationControlBar dock="true">
  15.         <mx:ComboBox id="comboBox"
  16.                 dropdownStyleName="myCustomDropdownStyleName">
  17.             <mx:dataProvider>
  18.                 <mx:Array>
  19.                     <mx:Object label="One" />
  20.                     <mx:Object label="Two" />
  21.                     <mx:Object label="Three" />
  22.                     <mx:Object label="Four" />
  23.                     <mx:Object label="Five" />
  24.                     <mx:Object label="Six" />
  25.                     <mx:Object label="Seven" />
  26.                 </mx:Array>
  27.             </mx:dataProvider>
  28.         </mx:ComboBox>
  29.     </mx:ApplicationControlBar>
  30.  
  31.     <mx:VBox backgroundAlpha="0.5"
  32.             backgroundColor="haloSilver"
  33.             width="100%"
  34.             height="100%" />
  35.  
  36. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

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

Search Posts