Flex中如何通过backgroundAlpha样式创建半透明下拉菜单ComboBox的例子
By Minidxer | January 24, 2009
接下来的例子演示了Flex中如何通过backgroundAlpha样式,创建半透明下拉菜单ComboBox。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):
下面是完整代码(或点击这里察看):
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
- <mx:Style>
- .myCustomDropdownStyleName {
- backgroundAlpha: 0.4;
- backgroundColor: white;
- }
- </mx:Style>
- <mx:ApplicationControlBar dock="true">
- <mx:ComboBox id="comboBox"
- dropdownStyleName="myCustomDropdownStyleName">
- <mx:dataProvider>
- <mx:Array>
- <mx:Object label="One" />
- <mx:Object label="Two" />
- <mx:Object label="Three" />
- <mx:Object label="Four" />
- <mx:Object label="Five" />
- <mx:Object label="Six" />
- <mx:Object label="Seven" />
- </mx:Array>
- </mx:dataProvider>
- </mx:ComboBox>
- </mx:ApplicationControlBar>
- <mx:VBox backgroundAlpha="0.5"
- backgroundColor="haloSilver"
- width="100%"
- height="100%" />
- </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子
Topics:
ComboBox |
No Comments » |
Tags: backgroundAlpha, ComboBox, dropdownStyleName