Android高手秘笈之View的动画

View基础 专栏收录该内容
9 篇文章 0 订阅

目录

前言

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附近
插值器决定估值器,估值器决定动画变化速率
插值器的值有可能会出现重复值得情况,播放时间越长重复的几率就越大,播放的时间越短跳值得几率就越大

  • ValueAnimator:属性动画
  • ObjectAnimator:任意对象的任意属性动画
  • Interpolator:插值器
  • TypeEvaluator:估值器

1.什么是逐帧动画?

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

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

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

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

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

  • 3.1 补间动画只能对View对象进行动画操作,对非View对象它无能为力
  • 3.1 补间动画只能完成位移、旋转、缩放、淡入淡出操作,功能定义死了,不能进行任何扩展
  • 3.2 补间动画是通过硬编码的方式修改控件显示效果而已,并没有真正改变View的属性

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

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(); 

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();

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

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

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

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

  • after(Animator anim)   将现有动画插入到传入的动画之后执行
  • after(long delay)   将现有动画延迟指定毫秒后执行
  • before(Animator anim)   将现有动画插入到传入的动画之前执行
  • with(Animator anim)   将现有动画和传入的动画同时执行

让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();

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){
}
});

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"/>  

而如果我们想将一个视图的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"/>  

其实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>  


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

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

调用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);
    }
}

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();
}

匀速:

  • LinearInterpolator 缓慢匀速移动
  • FastOutLinearInInterpolator 快速匀速运动 

加速的:

  • AccelerateDecelerateInterpolator 在动画开始与结束的地方速率改变比较慢,在中间的时候加速【默认的】
  • AccelerateInterpolator 在动画开始的地方速率改变比较慢,然后开始加速
  • DecelerateInterpolator 在动画开始的地方快然后慢

变速的:

  • new FastOutSlowInInterpolator() 先慢后快再慢
  • new LinearOutSlowInInterpolator() 先极快后慢

甩值的:

  • AnticipateInterpolator 开始的时候向后甩一定的距离,然后以这个点为起点再回到结束位置
  • OvershootInterpolator 向前甩一定值后再回到原来的结束位置
  • AnticipateOvershootInterpolator 开始的时候向后甩一定的距离,然后以这个点为起点再回到结束位置,然后在向前甩一定的距离,然后再回到结束位置

钟摆、弹球

  • BounceInterpolator 开始的时候急加速,在结束的时候在急减速,最终到达终点位置(弹球效果)
  • CycleInterpolator 动画循环播放特定的次数,速率改变沿着正弦曲线,取值就像钟摆一样左右摇晃正负交替进

12. ViewPropertyAnimator是什么?

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

  • 12.1 整个ViewPropertyAnimator的功能都是建立在View类新增的animate()方法之上的,这个方法会创建并返回一个ViewPropertyAnimator的实例,之后的调用的所有方法,设置的所有属性都是通过这个实例完成的。
  • 12.2 大家注意到,在使用ViewPropertyAnimator时,我们自始至终没有调用过start()方法,这是因为新的接口中使用了隐式启动动画的功能,只要我们将动画定义完成之后,动画就会自动启动。并且这个机制对于组合动画也同样有效,只要我们不断地连缀新的方法,那么动画就不会立刻执行,等到所有在ViewPropertyAnimator上设置的方法都执行完毕后,动画就会自动启动。当然如果不想使用这一默认机制的话,我们也可以显式地调用start()方法来启动动画。
  • 12.3 ViewPropertyAnimator的所有接口都是使用连缀的语法来设计的,每个方法的返回值都是它自身的实例,因此调用完一个方法之后可以直接连缀调用它的另一个方法,这样把所有的功能都串接起来,我们甚至可以仅通过一行代码就完成任意复杂度的动画功能。
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());  

 * X                     x轴最终位置
 * Y                     y轴最终位置
 * alpha                 透明度
 * rotation              z轴旋转(平面效果)
 * rotationX             x轴翻转(3D效果)
 * rotationY             y轴翻转(3D效果)
 * translationX          x水平偏移(平面效果)
 * translationY          y水平偏移(平面效果)
 * ScaleX                (注意为)Y轴缩放(3D效果)
 * ScaleY                (注意为)X轴缩放(3D效果)

  • 0
    点赞
  • 0
    评论
  • 1
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

©️2022 CSDN 皮肤主题:撸撸猫 设计师:马嘣嘣 返回首页

打赏作者

门心叼龙

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值