Flex中如何控制一个ToolTip的显示与隐藏的延迟时间以及鼠标从一个控件移到另一个显示所需要等待时间的例子

By Minidxer | August 21, 2008

接下来的例子演示了Flex中如何控制一个ToolTip的显示与隐藏的延迟时间以及鼠标从一个控件移到另一个显示所需要等待时间。

让我们先来看一下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" layout="vertical" verticalAlign="middle" backgroundColor="white" creationComplete="init()">
  3.  
  4.     <mx:Script>
  5.         <![CDATA[
  6.             import mx.managers.ToolTipManager;
  7.  
  8.             private function init():void {
  9.                 showDelayMS = ToolTipManager.showDelay;
  10.                 hideDelayMS = ToolTipManager.hideDelay;
  11.                 scrubDelayMS = ToolTipManager.scrubDelay;
  12.             }
  13.         ]]>
  14.     </mx:Script>
  15.  
  16.     <mx:Number id="showDelayMS" />
  17.     <mx:Number id="hideDelayMS" />
  18.     <mx:Number id="scrubDelayMS" />
  19.  
  20.     <mx:ApplicationControlBar dock="true">
  21.         <mx:Label text="showDelay:" />
  22.         <mx:NumericStepper id="showDelayNS"
  23.                 minimum="0"
  24.                 maximum="2000"
  25.                 value="{showDelayMS}"
  26.                 stepSize="100"
  27.                 change="ToolTipManager.showDelay = showDelayNS.value" />
  28.  
  29.         <mx:Spacer width="50%" />
  30.  
  31.         <mx:Label text="hideDelay:" />
  32.         <mx:NumericStepper id="hideDelayNS"
  33.                 minimum="0"
  34.                 maximum="15000"
  35.                 value="{hideDelayMS}"
  36.                 stepSize="100"
  37.                 change="ToolTipManager.hideDelay = hideDelayNS.value" />
  38.  
  39.         <mx:Spacer width="50%" />
  40.  
  41.         <mx:Label text="scrubDelay:" />
  42.         <mx:NumericStepper id="scrubDelayNS"
  43.                 minimum="0"
  44.                 maximum="15000"
  45.                 value="{scrubDelayMS}"
  46.                 stepSize="100"
  47.                 change="ToolTipManager.scrubDelay = scrubDelayNS.value" />
  48.     </mx:ApplicationControlBar>
  49.  
  50.     <mx:Tile>
  51.         <mx:Button label="Button 1" toolTip="Tool tip 1" />
  52.         <mx:Button label="Button 2" toolTip="Tool tip 2" />
  53.         <mx:Button label="Button 3" toolTip="Tool tip 3" />
  54.         <mx:Button label="Button 4" toolTip="Tool tip 4" />
  55.         <mx:Button label="Button 5" toolTip="Tool tip 5" />
  56.         <mx:Button label="Button 6" toolTip="Tool tip 6" />
  57.         <mx:Button label="Button 7" toolTip="Tool tip 7" />
  58.     </mx:Tile>
  59.  
  60. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

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

你可能还对下列文章感兴趣:

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll