Android动画分析(view动画)

Android的动画可以分为3种:view动画,帧动画,属性动画,其实帧动画也属于view动画的一种,只不过它和平移,旋转等常见的view动画在表现形式上略有不同而已

view动画:

就是对场景的对象做不同的变换(平移,缩放,旋转,透明度)从而产生动画效果,是一种渐进式动画

帧动画:

类似播放电影,一帧一帧的播放,它通过顺序播放一系列图像从而产生动画效果,但是如果图片较大,会导致OOM

属性动画:

通过动态的改变对象的属性从而达到动画效果,属性动画是API11的新特性,在低版本中无法使用,但是我们可以通过兼容库来兼容它

下面来看看各种动画的特性


view动画

view动画的对象是view,它支持4种动画效果,平移,缩放,旋转,透明度,这4种动画效果对应着Animation的子类:TranslateAnimation(平移),ScaleAnimation(缩放),RotateAnimation(透明度),AlphaAnimation(透明度),这4种属性都可以用xml来定义,我们来看看一张图表:


可以看到不同的动画对应的xml标签是不同的,我们要在xml中使用动画属性,首先需要创建一个xml文件,这个文件的路径是:res/anim/xxx.xml,然后我们就可以在里面写我们自己需要的动画效果,动画效果可以分为2种,一种是单个动画效果,一种是组合动画效果,下面我们看看怎么实现这两种效果,首先我们在res下新建个文件夹叫anim,然后再里面新建两个xml,分别是单个动画效果和组合动画效果

单个动画效果:

translate.xml

<set xmlns:android="http://schemas.android.com/apk/res/android">

    <!--
    duration:表示动画持续时间,单位毫秒
    fromXDelta:表示动画开始时的x坐标
    fromYDelta:表示动画开始时的y坐标
    toXDelta:表示动画结束时的x坐标
    toYDelta:表示动画结束时的y坐标

    注意: 没有指定fromXType toXType fromYType toYType 时候, 默认是以自己为相对参照物   
    -->
    <translate
        android:duration="2000"
        android:fromXDelta="30"
        android:fromYDelta="30"
        android:toXDelta="-80"
        android:toYDelta="300" />
</set>

alpha.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <!--
   duration:表示动画持续时间,单位毫秒
   fromAlpha:表示动画开始时的透明度
   toAlpha:表示动画结束时的透明度
   -->
    <alpha
        android:duration="1000"
        android:fromAlpha="0.0"
        android:toAlpha="1.0" />
</set>

scale.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <!--
      duration:表示动画持续时间,单位毫秒
      interpolator:插值器,影响动画播放的速度,如加速,减速,加速-减速,
                    决定这个动画效果是以怎样的速度播放,加速播放,减速播放,还是先加速再减速播放
                    默认是@android:anim/accelerate_decelerate_interpolator,即加速-减速
                    加速:accelerate_interpolator
                    减速:decelerate_interpolator
      fillAfter:表示动画结束后是否停留在最后一帧,true表示停留,false表示不停留
      fromXScale:表示动画初始时的缩放的x坐标
      fromYScale:表示动画初始时的缩放的y坐标
      pivotX:表示缩放的x坐标百分比(x坐标缩放多大)
      pivotY:表示缩放的y坐标百分比(y坐标缩放多大)
      toXScale:表示动画结束时缩放的x坐标
      toYScale:表示动画结束时缩放的y坐标
    -->
    <scale
        android:duration="1000"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:fillAfter="false"
        android:fromXScale="0.0"
        android:fromYScale="0.0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="1.4"
        android:toYScale="1.4" />

</set>

rotate.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <!--
    duration:表示动画持续时间,单位毫秒
    fromDegrees:表示初始时动画旋转的角度
    interpolator:插值器,影响动画播放的速度,如加速,减速,加速-减速,
                    决定这个动画效果是以怎样的速度播放,加速播放,减速播放,还是先加速再减速播放
                    默认是@android:anim/accelerate_decelerate_interpolator,即加速-减速
                    加速:accelerate_interpolator
                    减速:decelerate_interpolator
    pivotX:表示缩放的x坐标百分比(x坐标旋转多大)
    pivotY:表示缩放的y坐标百分比(y坐标旋转多大)
    toDegrees:表示结束时动画旋转的角度
    -->
    <rotate
        android:duration="3000"
        android:fromDegrees="0"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toDegrees="+350" />
</set>

上面这4个就是单个动画效果的写法,现在我们来看看多种动画效果组合

组合动画效果:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="2000"
        android:fromXDelta="30"
        android:fromYDelta="30"
        android:toXDelta="-80"
        android:toYDelta="300" />

    <rotate
        android:duration="3000"
        android:fromDegrees="0"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toDegrees="+350" />
</set>

非常的简单,就是将多个不同的动画组合在set标签里面,现在我们来看看怎么用,非常简单

myView = (MyView) findViewById(R.id.myView);
Animation animation= AnimationUtils.loadAnimation(this,R.anim.translate);
myView.startAnimation(animation);

我们通过AnimationUtils.loadAnimation();来获取到我们动画布局,第一个参数是上下文,第二个就是对应的动画xml文件,然后view.startAnimation开启动画就可以了,另外,我们也可以通过代码来实现动画效果:

 AlphaAnimation animation=new AlphaAnimation(0,1);
 animation.setDuration(300);
 myView.startAnimation(animation);

创建一个透明度的动画效果,设置它在300ms内透明度由0到1,这跟我们通过xml去实现的效果是一样,就不做过多的介绍,另外,我们可以监听动画变化过程:

myView.setLayoutAnimationListener(new Animation.AnimationListener() {
            //动画开启前
            @Override
            public void onAnimationStart(Animation animation) {
                
            }

            //动画结束后
            @Override
            public void onAnimationEnd(Animation animation) {

            }

            //动画进行时
            @Override
            public void onAnimationRepeat(Animation animation) {

            }
        });

好了,关于view动画的介绍就到这了

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,847评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,208评论 1 292
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,587评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,942评论 0 205
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,332评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,587评论 1 218
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,853评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,568评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,273评论 1 242
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,542评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,033评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,373评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,031评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,073评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,830评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,628评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,537评论 2 269

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 170,568评论 25 707
  • 1 背景 不能只分析源码呀,分析的同时也要整理归纳基础知识,刚好有人微博私信让全面说说Android的动画,所以今...
    未聞椛洺阅读 2,580评论 0 9
  • 概述 在Android开发的过程中,View的变化是很常见的,如果View变化的过程没有动画来过渡而是瞬间完成,会...
    耳东CY阅读 38,716评论 18 134
  • 家有女娃,多才多艺,主修钢琴,次修铜管,舞蹈,游泳样样在修,课业增加,如何平衡? 即将升上三年级的小...
    Sophiawen阅读 162评论 0 0
  • 无论生活怎样 都不要忘记微笑 愿你成为自己的太阳 无需凭借谁的光
    说梦a阅读 294评论 0 2