Flex3学习轨迹:自定义缓动函数实现一个弹跳缓动动画
发布时间:2020-12-15 05:12:10 所属栏目:百科 来源:网络整理
导读:?xml version="1.0" encoding="utf-8"?mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" fontSize="12" !-- 自定义缓动函数 -- mx:Script ![CDATA[ private function myEasingFunction(t:Number,b:Number,c:Number,d:Number):Nu
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" fontSize="12"> <!-- 自定义缓动函数 --> <mx:Script> <![CDATA[ private function myEasingFunction(t:Number,b:Number,c:Number,d:Number):Number { if ((t /= d) < (1 / 2.75)) { return c * (7.5625 * t * t) + b; } else if (t < (2 / 2.75)) { return c * (7.5625 * (t-=(1.5/2.75)) * t + .75) + b; } else if (t < (2.5 / 2.75)) { return c * (7.5625 * (t-=(2.25/2.75)) * t + .9375) + b; } else { return c * (7.5625 * (t-=(2.625/2.75)) * t + .984375) + b; } } ]]> </mx:Script> <!-- 定义WipeLeft效果 --> <mx:WipeLeft id="wipeLeft" target="{image}" moveEasingFunction="myEasingFunction" duration="5000" /> <mx:Panel width="400" height="300" title="创建自定义缓动函数" horizontalAlign="center"> <mx:ApplicationControlBar dock="true" width="100%"> <mx:Button label="执行效果" click="wipeLeft.play();" /> </mx:ApplicationControlBar> <mx:Image id="image" source="assets/logo.jpg"/> </mx:Panel> </mx:Application> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |