Flex中如何给tool tips添加一个比较Cool的动画特效的例子

By Minidxer | August 21, 2008

接下来的例子演示了Flex中如何给tool tips添加一个比较Cool的动画特效。

让我们先来看一下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="middle"
  5.         backgroundColor="white"
  6.         creationComplete="init()">
  7.  
  8.     <mx:Script>
  9.         <![CDATA[
  10.             import mx.managers.ToolTipManager;
  11.  
  12.             private function init():void {
  13.                 ToolTipManager.hideDelay = 2000;
  14.                 ToolTipManager.showEffect = rotate;
  15.                 ToolTipManager.hideEffect = zoom;
  16.             }
  17.         ]]>
  18.     </mx:Script>
  19.  
  20.     <mx:Style>
  21.         @font-face {
  22.             src: url("./fonts/arial.ttf");
  23.             fontFamily: "ArialEmbedded";
  24.         }
  25.  
  26.         ToolTip {
  27.             fontFamily: ArialEmbedded;
  28.         }
  29.     </mx:Style>
  30.  
  31.     <mx:Rotate id="rotate" />
  32.     <mx:Zoom id="zoom" />
  33.  
  34.     <mx:Button label="Roll over me to see tool tip"
  35.             toolTip="The quick brown fox..." />
  36.  
  37. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Flex | Tags: , , , ,

Related Post

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll

Sponsored Ads