属性动画

作者: 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();
    

    相关文章

      网友评论

        本文标题:属性动画

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