美文网首页
ObjectAnimator 属性动画

ObjectAnimator 属性动画

作者: Mr_不靠谱_先森 | 来源:发表于2017-06-15 17:37 被阅读509次

    使用ObjectAnimator可以轻松的实现平移、缩放、旋转、透明度这几种动画效果

    平移(translate)

        ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(head, "translationX", 0.0f, 350.0f, 0.0f);  
        objectAnimator.setDuration(2000);  
        objectAnimator.setRepeatCount(Animation.INFINITE);  
        objectAnimator.setRepeatMode(Animation.RESTART);  
        objectAnimator.start();  
    

    参数含义:
    target:动画操作的对象,我们这里的操作对象就是ImageView控件head
    propertyName:属性名称,这里的"translationX"属性值意思就是在水平方向移动,如果是"translationY"就是在垂直方向移动,下面讲到的其动画效果也是这个意思,这个属性值跟我们在xml文件中设置属性值得名称是一致的,比如"android:translationY"。
    values:动画过渡值,过渡值可以有一个到N个,如果是一个值的话,就默认是这个动画过渡值的结束值,如果有N个值,动画就在这N个值之间过渡,如本例中有三个过渡值"0.0f, 350.0f, 0f",意思就是从当前位置向右滑到350的位置,再滑到位置0,即初始位置。

    缩放(scale)

        ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(head, "scaleX", 1.0f, 1.5f);  
        objectAnimator.setDuration(2000);  
        objectAnimator.setRepeatCount(Animation.INFINITE);  
        objectAnimator.setRepeatMode(Animation.RESTART);  
        objectAnimator.start();  
    

    旋转(rotate)

        ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(head, "rotationX", 0.0f, 90.0f,0.0F);  
        objectAnimator.setDuration(2000);  
        objectAnimator.setRepeatCount(Animation.INFINITE);  
        objectAnimator.setRepeatMode(Animation.RESTART);  
        objectAnimator.start();
    

    透明度(alpha)

        ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(head, "alpha", 1.0f, 0.3f, 1.0F);  
        objectAnimator.setDuration(2000);  
        objectAnimator.setRepeatCount(Animation.INFINITE);  
        objectAnimator.setRepeatMode(Animation.RESTART);  
        objectAnimator.start();  
    

    可能我们也注意到了,在缩放效果的实例中,图片被放大后就保持当前的状态,没有变为初始的样子,这是因为我们在设置过渡值是最终的状态是1.5f,就放大到1.5倍,并没有让它回到原来的状态,从这点就可以看出,属性动画是真真切切的可以改变控件的属性的,这是与补间动画的最大不同,补间动画在动画结束后都将回到初始状态。所以说,属性动画的使用就显得更加的灵活。至于上面的其他三个实例,最终回到初始状态,是因为我们在设过渡值的时候最终状态设定的就是初始状态。

    • setInterpolator():设置动画插值
      控制动画的变化速率,系统中定义了好几种Interpolator:
      LinearInterpolator--均匀的速率改变
      AccelerateDecelerateInterpolator--先加速后减速
      AccelerateInterpolator--加速
      DecelerateInterpolator--减速
      CycleInterpolator--动画循环播放特定的次数,速率改变沿着正弦曲线
    • setDuration():设置动画执行时间,动画时间以毫秒为单位(ms)
    • setRepeatCount():设置动画重复次数
      大于0的值就代表重复几次,如果需要无限循环,设为-1,上面的Animation.INFINITE是系统给的常量,值为-1,代表无限循环,我们建议使用这个常量,如果设为0呢?也是执行一次。
    • setRepeatMode():设置动画重复模式
    • setStartDelay():设置动画延时操作,也是以毫秒为单位(ms)
    • setTarget():设置动画的对象

    组合动画

    实际使用时,有可能同时需要多种动画效果,比如同时在水平方向和垂直方向进行缩放并且同时绕水平方向旋转,要实现这样的效果就必须用到组合动画。

    AnimatorSet

    AnimatorSet可以让几个动画同时执行,也可以设置执行顺序、延迟执行等

    • after(Animator anim)--将现有动画插入到传入的动画之后执行
    • after(long delay)--将现有动画延迟指定毫秒后执行
    • before(Animator anim)--将现有动画插入到传入的动画之前执行
    • with(Animator anim)--将现有动画和传入的动画同时执行
    • playSequentially(Animator... items)--依次执行
            ObjectAnimator objectAnimator1 = ObjectAnimator.ofFloat(head, "scaleX", 1.0f, 2.5f, 1.0f);  
            ObjectAnimator objectAnimator2 = ObjectAnimator.ofFloat(head, "scaleY", 1.0f, 2.5f, 1.0f);  
            ObjectAnimator objectAnimator3 = ObjectAnimator.ofFloat(head, "rotationX", 0.0f, 90.0f,0.0F);  
            AnimatorSet animatorSet = new AnimatorSet();  
            animatorSet.play(objectAnimator1).with(objectAnimator2).with(objectAnimator3);  
            animatorSet.setDuration(2000);  
            animatorSet.start(); 
    

    PropertyValuesHolder

    这种方式只能多个动画一起执行,不能设置先后顺序。

     PropertyValuesHolder valuesHolder = PropertyValuesHolder.ofFloat("scaleX", 1.0f, 2.5f, 1.0f);  
            PropertyValuesHolder valuesHolder1 = PropertyValuesHolder.ofFloat("scaleY", 1.0f, 2.5f, 1.0f);  
            PropertyValuesHolder valuesHolder2 = PropertyValuesHolder.ofFloat("rotationX", 0.0f, 90.0f,0.0F);  
            ObjectAnimator objectAnimator = ObjectAnimator.ofPropertyValuesHolder(head, valuesHolder, valuesHolder1, valuesHolder2);  
            objectAnimator.setDuration(2000);  
            objectAnimator.start();  
    

    ViewPropertyAnimator

    该类是多属性动画,从名字就可以看出该类的作用对象是view,当一个view对象需要同时执行多个属性动画的时候就可以考虑使用该类了。比如说:一个ImageView先右移动的同时进行放大一倍的动画效果实现如下

    private void viewPropertyAnimator() {  
            ViewPropertyAnimator animator = head.animate();  
            animator.translationX(200)  
                    .scaleX(2)  
                    .scaleY(2)  
                    .setDuration(2000)  
                    .start();  
        }  
    

    动画监听

    一般情况下,我们除了需要动画效果外,还需要对动画的执行过程进行监听,在执行前、执行结束后或者执行过程中,做出相应的处理,比如动画结束后,请求网络数据。系统给我们提供几种监听接口,来监听动画的各个状态,如AnimatorListener

    private void animationListener() {  
            ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(head, "translationX", 0.0f, 350.0f, 0f);  
            objectAnimator.setDuration(2000);  
            objectAnimator.addListener(new Animator.AnimatorListener() {  
                @Override  
                public void onAnimationStart(Animator animation) {  
                 
                }  
      
                @Override  
                public void onAnimationEnd(Animator animation) {  
                    
                }  
      
                @Override  
                public void onAnimationCancel(Animator animation) {  
                    
                }  
      
                @Override  
                public void onAnimationRepeat(Animator animation) {  
                   
                }  
            });  
            objectAnimator.start();  
        }  
    

    可以根据不同需求来实现接口里面的四个方法,可以根据需要做相应的处理。但有时候你会觉得我不需要监听动画的四种状态,我只需要监听动画结束时候的状态,使用上面的方法就会感觉代码臃肿了,不过没关系,Android系统给我们提供了一个更好用的方法,

    private void animationListener2() {  
            ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(head, "translationX", 0.0f, 350.0f, 0f);  
            objectAnimator.setDuration(2000);  
            objectAnimator.addListener(new AnimatorListenerAdapter() {  
                @Override  
                public void onAnimationEnd(Animator animation) {  
                    super.onAnimationEnd(animation);  
                   
                }  
            });  
            objectAnimator.start();  
        }  
    

    除此之外,AnimatorUpdateListener接口就可以读取到动画的每个更新值。

    private void animationListener3() {  
            ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(head, "translationX", 0.0f, 350.0f, 0f);  
            objectAnimator.setDuration(2000);  
            objectAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {  
                @Override  
                public void onAnimationUpdate(ValueAnimator animation) {  
                    float value = (float)animation.getAnimatedValue();  
                  
                }  
            });  
            objectAnimator.start();  
        }  
    

    xml编写动画

    位移动画会出现焦点消失。。。。不太习惯使用xml编写属性动画

    相关文章

      网友评论

          本文标题:ObjectAnimator 属性动画

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