Flex中如何通过自定义move easing函数添加一个wipe特效的例子

By Minidxer | October 13, 2008

接下来的例子演示了Flex中如何通过自定义move easing函数,添加一个wipe特效。

让我们先来看一下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.  
  7.     <mx:Script>
  8.         <![CDATA[
  9.             import mx.effects.easing.*;
  10.         ]]>
  11.     </mx:Script>
  12.  
  13.     <mx:WipeLeft id="wipeLeft"
  14.             target="{image}"
  15.             moveEasingFunction="Elastic.easeOut"
  16.             duration="5000" />
  17.  
  18.     <mx:ApplicationControlBar dock="true">
  19.         <mx:Button label="Start wipe"
  20.                 click="wipeLeft.play();" />
  21.     </mx:ApplicationControlBar>
  22.  
  23.     <mx:Image id="image"
  24.             source="assets/flex_sm.png" />
  25.  
  26. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

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

Search Posts