加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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>

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读