属性动画

作者: kim_liu | 来源:发表于2018-07-03 17:21 被阅读10次

属性动画是从android3.0出现的,通过不断的控制控件的属性变化达到动画的效果,如果要兼容更低的版本,可以使用Jack wharton的nineoldAndroid.jar
属性动画是真实的改变控件的属性,不像之前的补间动画等,是假象(如之前的平移动画,平移之后原来的位置还是可以点击,平移之后的位置,反而不可以点击)。

常用API:
ObjectAnimator :对象动画执行类。
PropertyValuesHolder : 属性存储器,为两个执行类提供更新多个属性的功能。
AnimatorListener :动画执行监听,在动画开始、重复、结束、取消时进行回调。
Keyframe :为 PropertyValuesHolder提供多个关键帧的操作值。
AnimatorSet :一组动画的执行集合类:设置执行的先后顺序,时间等。
TimeInterpolator :时间插值,用于控制动画执行过程。
ValueAnimator :值动画执行类,常配合AnimatorUpdateListener使用。
AnimatorUpdateListener :动画更新监听。
TypeEvaluator :类型估值,用于设置复杂的动画操作属性的值。


图片.png

1)平移:translationX 和 translationY:这两个属性控制了View所处的位置,它们的值是由layout容器设置的,是相对于坐标原点(0,0左上角)的一个偏移量。
2)旋转:rotation, rotationX 和 rotationY:控制View绕着轴点(pivotX和pivotY)旋转。
3)缩放:scaleX 和 scaleY:控制View基于pivotX和pivotY的缩放。
4)pivotX 和 pivotY:旋转的轴点和缩放的基准点,默认是View的中心点。
5)x 和 y:描述了view在其父容器中的最终位置,是左上角左标和偏移量(translationX,translationY)的和。
6)透明度:aplha:透明度,1是完全不透明,0是完全透明。

多种动画结合使用,一共有4种方法
1.设置动画监听,开始第一个动画同时开启其他动画

ObjectAnimator animator = ObjectAnimator.ofFloat(v, "haha", 0f, 100f);//没有这个属性的时候,就是valueanimator
    animator.setDuration(300);
    //设置动画更新监听
    animator.addUpdateListener(new AnimatorUpdateListener() {
        
        @Override
        public void onAnimationUpdate(ValueAnimator animation) {
            //动画在执行的过程当中,不断地调用此方法
                animation.getAnimatedFraction()//百分比
            //得到duration时间内 values当中的某一个中间值。0f~100f
            float value = (float) animation.getAnimatedValue();//
            iv.setScaleX(0.5f+value/200);//0.5~1
            iv.setScaleY(0.5f+value/200);//0.5~1
        }
    });
    animator.start();
//设置动画监听
//      animator.addListener(new AnimatorListener() {
//          
//          @Override
//          public void onAnimationStart(Animator animation) {
//              // TODO Auto-generated method stub
//              
//          }
//          
//          @Override
//          public void onAnimationRepeat(Animator animation) {
//              // TODO Auto-generated method stub
//              
//          }
//          
//          @Override
//          public void onAnimationEnd(Animator animation) {
//              // TODO Auto-generated method stub
//              
//          }
//          
//          @Override
//          public void onAnimationCancel(Animator animation) {
//              // TODO Auto-generated method stub
//              
//          }
//      });

2.使用ValueAnimator

ValueAnimator animator = ValueAnimator.ofFloat(0f,200f);
    animator.setDuration(200);
    animator.addUpdateListener(new AnimatorUpdateListener() {
        
        @Override
        public void onAnimationUpdate(ValueAnimator animation) {
            //动画在执行的过程当中,不断地调用此方法
        animation.getAnimatedFraction()//百分比
        //得到duration时间内 values当中的某一个中间值。0f~100f
            float value = (float) animation.getAnimatedValue();//
            iv.setScaleX(0.5f+value/200);//0.5~1
            iv.setScaleY(0.5f+value/200);//0.5~1
        }
    });
    animator.start();

3.使用PropertyValuesHolder

//float... values:代表关键帧的值
PropertyValuesHolder holder1 = PropertyValuesHolder.ofFloat("alpha", 1f,0.7f,1f);
PropertyValuesHolder holder2 = PropertyValuesHolder.ofFloat("scaleX", 1f,0.7f,1f);
PropertyValuesHolder holder3 = PropertyValuesHolder.ofFloat("scaleY", 1f,0.7f,1f);
//PropertyValuesHolder holder3 = PropertyValuesHolder.ofFloat("translationX", 0f,300f);

    ObjectAnimator animator = ObjectAnimator.ofPropertyValuesHolder(iv, holder1,holder2,holder3);
    animator.setDuration(1000);
    animator.addUpdateListener(new AnimatorUpdateListener() {
        
        @Override
        public void onAnimationUpdate(ValueAnimator animation) {
            // TODO Auto-generated method stub
            float animatedValue = (float) animation.getAnimatedValue();
            float animatedFraction = animation.getAnimatedFraction();
            long playTime = animation.getCurrentPlayTime();         
            System.out.println("animatedValue:"+animatedValue+",  playTime:"+playTime);
    }
    });
    animator.start();

4.动画集合

ObjectAnimator animator1 = ObjectAnimator.ofFloat(iv,"alpha", 1f,0.7f,1f);
    ObjectAnimator animator2 = ObjectAnimator.ofFloat(iv,"scaleX", 1f,0.7f,1f);
    ObjectAnimator animator3 = ObjectAnimator.ofFloat(iv,"scaleY", 1f,0.7f,1f);

    AnimatorSet animatorSet = new AnimatorSet();
    animatorSet.setDuration(500);
//  animatorSet.play(anim);//执行当个动画
//  animatorSet.playTogether(animator1,animator2,animator3);//同时执行
    animatorSet.playSequentially(animator1,animator2,animator3);//依次执行动画
     animatorSet.start();

设置加速器:

        ObjectAnimator oa = ObjectAnimator.ofFloat(v, "translationY", 0f,1100f);
        oa.setDuration(500);
        //设置加速器---
//      oa.setInterpolator(new AccelerateInterpolator(5));
//      oa.setInterpolator(new AccelerateDecelerateInterpolator());
//      oa.setInterpolator(new AnticipateInterpolator(8));
//      oa.setInterpolator(new OvershootInterpolator());
//      oa.setInterpolator(new CycleInterpolator(4));
        oa.setInterpolator(new BounceInterpolator());
        oa.start();

相关文章

  • 属性动画学习使用总结

    Android 属性动画总结 属性动画的优点 属性动画的使用步骤 实例化属性动画对象 设置属性动画的时长 启动属性...

  • [Android动画]属性动画-小球下落动画实现

    属性动画 属性动画是通过直接改变View属性,实现的动画效果。与补间动画不同的是,属性动画是对象的属性的真实改变,...

  • Android动画-属性动画

    属性动画 所谓属性动画,就是改变对象Object的属性来实现动画过程。属性动画是对View的动画的扩展,通过它可以...

  • 动画之属性动画基础篇

    属性动画 属性动画,改变view或者object的属性实现动画,属性动画比补间动画更强大,不但可以实现旋转、平移等...

  • UI(四十八)属性动画

    属性动画->通过改变图层或者视图上面的属性值(支持动画的属性)产生的动画 属性动画的常用方法属性: 1、初始化 +...

  • iOS - 属性动画

    属性动画->通过改变图层或者视图上面的属性值(支持动画的属性)产生的动画 属性动画的常用方法属性: 1、初始化+(...

  • Android 动画

    动画类型 视图动画(补间动画、逐帧动画)属性动画 补间动画 逐帧动画 属性动画 对比 插值器:确定属性值从初始值过...

  • Android Animation 动画介绍与详解

    一、Animation 动画属性 动画相关的属性:SET属性 二、Animation 动画类型 Android的a...

  • 如何在网页中做出炫酷的动画(使用Spine)

    属性动画和帧动画 web中的动画主要分为属性动画和帧动画两种,属性动画是通过改变dom元素的属性如宽高、字体大小或...

  • 属性动画案例二(加载动画)

    继续属性动画,之前写过 属性动画案例一(基础动画与飘心动画) 简单了解了属性动画,这次来点炫酷的~加载动画,先看一...

网友评论

    本文标题:属性动画

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