美文网首页
android基础-视图动画(Animation)

android基础-视图动画(Animation)

作者: return_toLife | 来源:发表于2019-04-23 09:35 被阅读0次

    知识点

    1. 视图动画的类型
    2. 视图动画的特点
    3. 视图动画的实现方式

    一、视图动画的类型

    • 视图动画主要分四类:透明度,旋转,平移,缩放
    • 视图动画的实现原理:在每次绘制视图时view所在的viewgroup中的drawChild函数获取该view的Animation的Transformation值,然后调用canvas.concat(transformToApply.getMatrix()),通过矩阵运算完成动画帧。如果动画没有完成,就继续调用invalidate()函数,启动下一次绘制来驱动动画,从而完成整个动画的绘制

    二、视图动画的特点

    • 缺点:视图动画不具备交互性,即某个元素发生视图动画后,其响应事件的位置还依然在动画前的地方
    • 优点:效率比较高,并且使用方便,一般用于做简单的,不具有交互的动画效果,如进场和退场的动画

    三、视图动画的实现方式

    • 视图动画实现方式有两种方式实现:1. xml文件配置 2. 代码实现

    xml文件配置:

    <?xml version="1.0" encoding="utf-8"?>
    <set xmlns:android="http://schemas.android.com/apk/res/android">
        <!--以下属性值也可以使用百分比数值-->
        <alpha
            android:fromAlpha="float"
            android:toAlpha="float" />
        <scale
            android:fromXScale="float"
            android:toXScale="float"
            android:fromYScale="float"
            android:toYScale="float"
            android:pivotX="float"
            android:pivotY="float" />
        <translate
            android:fromXDelta="float"
            android:toXDelta="float"
            android:fromYDelta="float"
            android:toYDelta="float" />
        <rotate
            android:fromDegrees="float"
            android:toDegrees="float"
            android:pivotX="float"
            android:pivotY="float" />
    
        <!--以下为每种类型的动画都有的属性-->
        <translate
            android:duration="300"
            android:fillAfter="true"
            android:fillBefore="true"
            android:fillEnabled="true"
            android:interpolator="@android:anim/accelerate_decelerate_interpolator"
            android:repeatCount="2"
            android:repeatMode="restart"
            android:startOffset="200"
            >
        </translate>
    </set>
    
    

    公有方法详解:
    android:duration
    说明:动画持续时间, 默认值是0 (单位ms)

    android:fillAfter
    说明:表示动画结束后是否保留动画后的状态,true保留动画后状态,false恢复原来状态,默认值是false

    android:fillBefore
    说明:表示动画结束后是否保留动画前的状态,true恢复原来状态,false保留动画后状态,默认值是true

    android:fillEnabled
    说明:如果设置为true,将fillBefore设置考虑在内

    android:interpolator
    说明:设置动画的变化速率 即插值器,改变动画变换的速度,默认值是@android:anim/accelerate_decelerate_interpolator,即加速减速插值器,在动画开始和结束的时速度较慢,中间时候加速

    android:repeatCount
    说明:设置动画重复执行的次数 ,默认值是0

    android:repeatMode
    说明:设置动画重复的模式,其值可以有,restart( 1 ),表示顺序播放,reverse(2)表示重复的时候逆向播放

    android:startOffset
    说明:设置开始的延迟的时间(单位ms) ,默认值是0

    (ps: xml文件中每一个set标签代表一个动画组合,动画组合里面也可再嵌套另外一个set组合)

    代码实现

             //透明视图动画
            AlphaAnimation alphaAnimation=new AlphaAnimation(0,1);
            alphaAnimation.setDuration(3000);
            alphaAnimation.setStartOffset(300);
            alphaAnimation.setFillEnabled(true);
            alphaAnimation.setFillEnabled(true);
            view.startAnimation(alphaAnimation);
    
            /**
             * 动画集合 : true使用同一个插值器,false使用每个动画独自的插值器
             */
            AnimationSet animationSet=new AnimationSet(true);
            AlphaAnimation aAnim=new AlphaAnimation(0,1);
            alphaAnimation.setDuration(3000);
            alphaAnimation.setStartOffset(300);
    
            TranslateAnimation tAnim=new TranslateAnimation(0,200,0,300);
            tAnim.setDuration(3000);
    
            animationSet.addAnimation(aAnim);
            animationSet.addAnimation(tAnim);
    
            view.startAnimation(animationSet);
    
            //给动画设置监听
            RotateAnimation rAnim=new RotateAnimation(0,360);
            rAnim.setAnimationListener(new Animation.AnimationListener() {
                @Override
                public void onAnimationStart(Animation animation) {
                    
                }
    
                @Override
                public void onAnimationEnd(Animation animation) {
    
                }
    
                @Override
                public void onAnimationRepeat(Animation animation) {
    
                }
            });
    

    代码上都有注释,而且使用也很简单


    总结

    1. 视图动画主要用于与用户没有交互的场景,比如一些进场,退场动画
    2. 视图动画的使用方式确实挺简单的,不过最好使用XML配置的方式,因为方便阅读以及可以复用
    3. 视图动画自己虽然已经使用过很长时间了,但是每次使用都总会查一些属性/方法,在这里总结一下基础,对于自己往进阶方向发展有一定帮助吧

    参考文章

    《android群英传》
    android动画之View animation(视图动画)

    相关文章

      网友评论

          本文标题:android基础-视图动画(Animation)

          本文链接:https://www.haomeiwen.com/subject/kcbpuqtx.html