Android View 基础

Android高手秘笈之View的动画

2019-04-07  本文已影响4人  门心叼龙

目录
[1.什么是逐帧动画？]
[2.什么是补间动画？都有哪些补间动画？]
[3.什么是属性动画？为什么要引入属性动画？]
[4.ValueAnimator是什么？工作原理？]
[5. 什么是ObjectAnimator？它和ValueAnimator的区别是什么]
[6. ObjectAnimator.ofFloat()方法的第二个参数到底可以传哪些值呢？]
[7. AnimatorSet的作用？都有哪些方法？]
[8.Animator的监听器，监听适配器？]
[9.使用XML编写动画?]
[10.TypeEvaluator的作用是什么？都有哪些内置的TypeEvaluator?]
[11.什么是Interpolator？系统动画默认是线性运动吗? ]
[12. ViewPropertyAnimator是什么？]

前言

关键词：
开始值、结束值、对象、对象的属性、估值器、插值器

非甩值的插值器在0-1之间 甩值可能会超出0-1的范围，但是都会在0和1附近
插值器决定估值器，估值器决定动画变化速率
插值器的值有可能会出现重复值得情况，播放时间越长重复的几率就越大，播放的时间越短跳值得几率就越大

1.什么是逐帧动画？

就是将一个完整的动画拆分为一个个的图片，然后把这多个图片连贯进行播放

2.什么是补间动画？都有哪些补间动画？

在两个关键帧之间，系统自动计算插补帧，所形成的动画【位移、旋转、缩放、淡入淡出】

3.什么是属性动画？为什么要引入属性动画？

修改控件属性值所形成的动画叫属性动画

正是由于补间动画的这些缺点，导致了属性动画的出现

4.ValueAnimator是什么？工作原理？

ValueAnimator是维护整个属性动画能正常工作的核心功能类，我们只需要将初始值和结束值提供给ValueAnimator，并且告诉它动画所需运行的时长，那么ValueAnimator就会自动帮我们完成从初始值平滑地过渡到结束值这样的效果。除此之外，ValueAnimator还负责管理动画的播放次数、播放模式、以及对动画设置监听器等，确实是一个非常重要的类。

  ValueAnimator anim =ValueAnimator.ofFloat(0f,1f);
    anim.setDuration(300);
    anim.addUpdateListener(newValueAnimator.AnimatorUpdateListener(){
        @Override
        publicvoid onAnimationUpdate(ValueAnimator animation){
            float currentValue =(float) animation.getAnimatedValue();
            Log.d("TAG","cuurent value is "+ currentValue);
        }
    });
    anim.start();
    ValueAnimator anim =ValueAnimator.ofInt(0,100);
    ValueAnimator anim =ValueAnimator.ofFloat(0f,5f,3f,10f);//将一个值在5秒内从0过渡到5，再过渡到3，再过渡到10
    anim.setDuration(5000);
    anim.start();
image.gif

5. 什么是ObjectAnimator？它和ValueAnimator的区别是什么

ValueAnimator只不过是对值进行了一个平滑的动画过渡，而ObjectAnimator则就不同了，ObjectAnimator 他是ValueAnimatior的子类，它是可以直接对任意对象的任意属性进行动画操作的，比如说View的alpha属性。

ObjectAnimator animator =ObjectAnimator.ofFloat(textview,"alpha",1f,0f,1f);
animator.setDuration(5000);
animator.start();

ObjectAnimator animator =ObjectAnimator.ofFloat(textview,"rotation",0f,360f);
animator.setDuration(5000);
animator.start();

float curTranslationX = textview.getTranslationX();
ObjectAnimator animator =ObjectAnimator.ofFloat(textview,"translationX", curTranslationX,-500f, curTranslationX);
animator.setDuration(5000);
animator.start();

ObjectAnimator animator =ObjectAnimator.ofFloat(textview,"scaleY",1f,3f,1f);
animator.setDuration(5000);
animator.start();
image.gif

6. ObjectAnimator.ofFloat()方法的第二个参数到底可以传哪些值呢？

目前我们使用过了alpha、rotation、translationX和scaleY这几个值，分别可以完成淡入淡出、旋转、水平移动、垂直缩放这几种动画，那么还有哪些值是可以使用的呢？其实这个问题的答案非常玄乎，就是我们可以传入任意的值到ofFloat()方法的第二个参数当中。任意的值？相信这很出乎大家的意料吧，但事实就是如此。因为ObjectAnimator在设计的时候就没有针对于View来进行设计，而是针对于任意对象的，它所负责的工作就是不断地向某个对象中的某个属性进行赋值，然后对象根据属性值的改变再来决定如何展现出来

7. AnimatorSet的作用？都有哪些方法？

将多个动画组合到一起播放
实现组合动画功能主要需要借助AnimatorSet这个类，这个类提供了一个play()方法，如果我们向这个方法中传入一个Animator对象(ValueAnimator或ObjectAnimator)将会返回一个AnimatorSet.Builder的实例，AnimatorSet.Builder中包括以下四个方法：

让TextView先从屏幕外移动进屏幕，然后开始旋转360度，旋转的同时进行淡入淡出操作，就可以这样写

ObjectAnimator moveIn = ObjectAnimator.ofFloat(textview,"translationX",-500f,0f);
ObjectAnimator rotate = ObjectAnimator.ofFloat(textview,"rotation",0f,360f);
ObjectAnimator fadeInOut = ObjectAnimator.ofFloat(textview,"alpha",1f,0f,1f);
AnimatorSet animSet = new AnimatorSet();
animSet.play(rotate).with(fadeInOut).after(moveIn);
animSet.setDuration(5000);
animSet.start();
image.gif

8.Animator的监听器，监听适配器？

Animator监听器
anim.addListener(newAnimatorListener(){
@Override
publicvoid onAnimationStart(Animator animation){
}

@Override
publicvoid onAnimationRepeat(Animator animation){
}

@Override
publicvoid onAnimationEnd(Animator animation){
}

@Override
publicvoid onAnimationCancel(Animator animation){
}
});
image.gif

onAnimationStart()方法会在动画开始的时候调用，onAnimationRepeat()方法会在动画重复执行的时候调用，onAnimationEnd()方法会在动画结束的时候调用，onAnimationCancel()方法会在动画被取消的时候调用
anim.addListener(newAnimatorListenerAdapter(){
});

9.使用XML编写动画?

如果想要使用XML来编写动画，首先要在res目录下面新建一个animator文件夹，所有属性动画的XML文件都应该存放在这个文件夹当中。然后在XML文件中我们一共可以使用如下三种标签：
<animator> 对应代码中的ValueAnimator
<objectAnimator> 对应代码中的ObjectAnimator
<set> 对应代码中的AnimatorSet
那么比如说我们想要实现一个从0到100平滑过渡的动画，在XML当中就可以这样写：

<animator xmlns:android="http://schemas.android.com/apk/res/android"  
    android:valueFrom="0"  
    android:valueTo="100"  
    android:valueType="intType"/>
image.gif

而如果我们想将一个视图的alpha属性从1变成0，就可以这样写：

<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"  
    android:valueFrom="1"  
    android:valueTo="0"  
    android:valueType="floatType"  
    android:propertyName="alpha"/>
image.gif

其实XML编写动画在可读性方面还是挺高的，上面的内容相信不用我做解释大家也都看得懂吧
另外，我们也可以使用XML来完成复杂的组合动画操作，比如将一个视图先从屏幕外移动进屏幕，然后开始旋转360度，旋转的同时进行淡入淡出操作，就可以这样写：

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

    <objectAnimator  
        android:duration="2000"  
        android:propertyName="translationX"  
        android:valueFrom="-500"  
        android:valueTo="0"  
        android:valueType="floatType">  
    </objectAnimator>  

    <set android:ordering="together">  
        <objectAnimator  
            android:duration="3000"  
            android:propertyName="rotation"  
            android:valueFrom="0"  
            android:valueTo="360"  
            android:valueType="floatType">  
        </objectAnimator>  

        <set android:ordering="sequentially">  
            <objectAnimator  
                android:duration="1500"  
                android:propertyName="alpha"  
                android:valueFrom="1"  
                android:valueTo="0"  
                android:valueType="floatType">  
            </objectAnimator>  
            <objectAnimator  
                android:duration="1500"  
                android:propertyName="alpha"  
                android:valueFrom="0"  
                android:valueTo="1"  
                android:valueType="floatType">  
            </objectAnimator>  
        </set>  
    </set>    
</set>
image.gif

最后XML文件是编写好了，那么我们如何在代码中把文件加载进来并将动画启动呢？只需调用如下代码即可：

Animator animator =AnimatorInflater.loadAnimator(context, R.animator.anim_file);  
animator.setTarget(view);  
animator.start();
image.gif

调用AnimatorInflater的loadAnimator来将XML动画文件加载进来，然后再调用setTarget()方法将这个动画设置到某一个对象上面，最后再调用start()方法启动动画就可以了，就是这么简单。

10.TypeEvaluator的作用是什么？都有哪些内置的TypeEvaluator?

就是告诉动画系统如何从初始值过度到结束值

ObjectAnimator.ofObject(Object target, String propertyName, TypeEvaluator evaluator, Object... values)
ArgbEvaluator, FloatArrayEvaluator, FloatEvaluator, IntArrayEvaluator, IntEvaluator, PointFEvaluator, RectEvaluator
public class FloatEvaluator implements TypeEvaluator {
    public Object evaluate(float fraction, Object startValue, Object endValue) {
        float startFloat = ((Number) startValue).floatValue();
        return startFloat + fraction * (((Number) endValue).floatValue() - startFloat);
    }
}
image.gif

11.什么是Interpolator？系统动画默认是线性运动吗?

直译过来的话是补间器的意思，它的主要作用是可以控制动画的变化速率，比如去实现一种非线性运动的动画效果其本质是非线性运动，先急加速然后在急减速

private void startAnimation(){
Point startPoint =newPoint(getWidth()/2, RADIUS);
Point endPoint =newPoint(getWidth()/2, getHeight()- RADIUS);
ValueAnimator anim =ValueAnimator.ofObject(new PointEvaluator(), startPoint, endPoint);
    anim.addUpdateListener(newValueAnimator.AnimatorUpdateListener(){
@Override
publicvoid onAnimationUpdate(ValueAnimator animation){
            currentPoint =(Point) animation.getAnimatedValue();
            invalidate();
}
});
    anim.setInterpolator(new AccelerateInterpolator(2f));//急加速
    anim.setInterpolator(new BounceInterpolator());//弹球   
   anim.setDuration(2500);
    anim.start();
}
image.gif

匀速：

加速的：

变速的：

甩值的：

钟摆、弹球

12. ViewPropertyAnimator是什么？

专门针对View而生的动画，可以使用连缀的写法来简化对View的动画的操作

textview.animate().alpha(0f);  
textview.animate().x(500).y(500);  
textview.animate().x(500).y(500).setDuration(5000);  
textview.animate().x(500).y(500).setDuration(5000).setInterpolator(new BounceInterpolator());
image.gif image.gif

​

image image.gif

​

上一篇下一篇

猜你喜欢

热点阅读