Flex中通过openDuration和closeDuration样式改变ComboBox控件打开/关闭下拉菜单时延迟效果的例子

By Minidxer | July 27, 2008

接下来的例子演示了Flex中通过openDuration和closeDuration样式,改变ComboBox控件打开/关闭下拉菜单时延迟效果。本例中两者都设置了250毫秒,也就是1/4秒。

让我们先来看一下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="top"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Script>
  8.         <![CDATA[
  9.             import mx.effects.easing.*;
  10.         ]]>
  11.     </mx:Script>
  12.  
  13.     <mx:ComboBox id="comboBox"
  14.             openDuration="1000"
  15.             openEasingFunction="Bounce.easeOut"
  16.             closeDuration="1000"
  17.             closeEasingFunction="Bounce.easeIn"
  18.             prompt="Please select an item..."
  19.             selectedIndex="-1"
  20.             dropdownWidth="150"
  21.             alternatingItemColors="[0xDFDFDF, 0xEEEEEE]">
  22.         <mx:dataProvider>
  23.             <mx:Array>
  24.                 <mx:Object label="Item 1" />
  25.                 <mx:Object label="Item 2" />
  26.                 <mx:Object label="Item 3" />
  27.                 <mx:Object label="Item 4" />
  28.                 <mx:Object label="Item 5" />
  29.                 <mx:Object label="Item 6" />
  30.                 <mx:Object label="Item 7" />
  31.                 <mx:Object label="Item 8" />
  32.             </mx:Array>
  33.         </mx:dataProvider>
  34.     </mx:ComboBox>
  35.  
  36. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:minidxer

Topics: Flex | 2 Comments » | 118 views Tags: , , , ,

Search Posts