Flex中通过openDuration和closeDuration样式改变ComboBox控件打开/关闭下拉菜单时延迟效果的例子
By Minidxer | July 27, 2008
接下来的例子演示了Flex中通过openDuration和closeDuration样式,改变ComboBox控件打开/关闭下拉菜单时延迟效果。本例中两者都设置了250毫秒,也就是1/4秒。
让我们先来看一下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="top"
- backgroundColor="white">
- <mx:Script>
- <![CDATA[
- import mx.effects.easing.*;
- ]]>
- </mx:Script>
- <mx:ComboBox id="comboBox"
- openDuration="1000"
- openEasingFunction="Bounce.easeOut"
- closeDuration="1000"
- closeEasingFunction="Bounce.easeIn"
- prompt="Please select an item..."
- selectedIndex="-1"
- dropdownWidth="150"
- alternatingItemColors="[0xDFDFDF, 0xEEEEEE]">
- <mx:dataProvider>
- <mx:Array>
- <mx:Object label="Item 1" />
- <mx:Object label="Item 2" />
- <mx:Object label="Item 3" />
- <mx:Object label="Item 4" />
- <mx:Object label="Item 5" />
- <mx:Object label="Item 6" />
- <mx:Object label="Item 7" />
- <mx:Object label="Item 8" />
- </mx:Array>
- </mx:dataProvider>
- </mx:ComboBox>
- </mx:Application>
代码:Peter deHaan 翻译/整理/编译:minidxer
Topics:
Flex |
2 Comments » |
118 views
Tags: closeDuration, closeEasingFunction, ComboBox, openDuration, openEasingFunction
Trackbacks