Flex中如何通过dropShadowEnabled样式给ComboBox控件的下来菜单设置阴影效果的例子
By Minidxer | July 10, 2008
在前面的Flex中如何利用PopUpButton控件创建一个弹出TitleWindow的例子中，我们曾经用到过dropShadowEnabled这个样式，不过没有做过具体的说明。接下来的例子演示了Flex中如何通过dropShadowEnabled样式，给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="horizontal"
- verticalAlign="top"
- backgroundColor="white">
- <mx:Style>
- .shadowDisabled {
- dropShadowEnabled: false;
- }
- .shadowEnabled {
- dropShadowEnabled: true;
- }
- </mx:Style>
- <mx:Script>
- <![CDATA[
- private function checkBox_change(evt:Event):void {
- var value:String = "shadowEnabled";
- if (!checkBox.selected) {
- value = "shadowDisabled;"
- }
- comboBox.setStyle("dropdownStyleName", value);
- comboBox.validateNow();
- comboBox.open();
- }
- ]]>
- </mx:Script>
- <mx:Array id="arr">
- <mx:Object label="One" />
- <mx:Object label="Two" />
- <mx:Object label="Three" />
- </mx:Array>
- <mx:ApplicationControlBar dock="true">
- <mx:CheckBox id="checkBox"
- label="dropShadowEnabled:"
- labelPlacement="left"
- selected="true"
- change="checkBox_change(event);" />
- </mx:ApplicationControlBar>
- <mx:ComboBox id="comboBox"
- dataProvider="{arr}"
- openDuration="0"
- closeDuration="0" />
- </mx:Application>
代码：Peter deHaan 翻译/整理/编译：minidxer
Topics:
Flex |
Tags: ComboBox, dropdownStyleName, dropShadowEnabled