Flex中如何通过自定义move easing函数添加一个wipe特效的例子
By Minidxer | October 13, 2008
接下来的例子演示了Flex中如何通过自定义move easing函数,添加一个wipe特效。
让我们先来看一下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="middle"
- backgroundColor="white">
- <mx:Script>
- <![CDATA[
- import mx.effects.easing.*;
- ]]>
- </mx:Script>
- <mx:WipeLeft id="wipeLeft"
- target="{image}"
- moveEasingFunction="Elastic.easeOut"
- duration="5000" />
- <mx:ApplicationControlBar dock="true">
- <mx:Button label="Start wipe"
- click="wipeLeft.play();" />
- </mx:ApplicationControlBar>
- <mx:Image id="image"
- source="assets/flex_sm.png" />
- </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子
Topics:
Other |
No Comments » |
Tags: easing, Elastic, moveEasingFunction, WipeLeft