关闭

属性动画之ObjectAnimator

标签: android动画ObjectAnimator
3774人阅读 评论(0) 收藏 举报
分类:
    ObjectAnimator,通过设置改变对象的属性来实现动画效果,常用的方法有这么几种,ofFloat()、ofInt()、ofObject()、ofArgb()、ofPropertyValuesHolder(),具体含义及使用我们在下面的实例中进行讲解。

一、动画类型
    使用ObjectAnimator也是可以轻松的实现平移、缩放、旋转、透明度这几种动画效果的,与补间动画的使用效果是一样的,那就先来看看这几种常用的动画是怎么实现的。

    工程代码里就是一个ImageView控件和Activity,

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

<ImageView
    android:id="@+id/head"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:src="@drawable/head" />

</RelativeLayout>
@Override
protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_object_animator);   
        head = (ImageView) findViewById(R.id.head);
    }
    我们这里就是对ImageView控件head实现动画效果,本质就是改变head的属性。
1.平移(translate)
// 平移
private void translateAnimation() {
    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();
}
    这段代码就是用来实现控件的平移,我们来逐行分析这段代码。
    ofFloat方法的函数原型,
public static ObjectAnimator ofFloat(Object target, String propertyName, float... values)
参数含义:
    target:动画操作的对象,我们这里的操作对象就是ImageView控件head
    propertyName:属性名称,这里的"translationX"属性值意思就是在水平方向移动,如果是"translationY"就是在垂直方向移动,下面讲到的其动画效果也是这个意思,这个属性值跟我们在xml文件中设置属性值得名称是一致的,比如
"android:translationY"。
    values:动画过渡值,过渡值可以有一个到N个,如果是一个值的话,就默认是这个动画过渡值的结束值,如果有N个值,动画就在这N个值之间过渡,如本例中有三个过渡值"0.0f, 350.0f, 0f",意思就是从当前位置向右滑到350的位置,再滑到位置0,即初始位置。
    然后是动画的设置,
    objectAnimator.setDuration(2000);//动画的时间间隔
    objectAnimator.setRepeatCount(Animation.INFINITE);//重复次数
    objectAnimator.setRepeatMode(Animation.RESTART);//重复模式
    最后start,动画就开始执行了
     objectAnimator.start();
2.缩放(scale)
// 缩放
private void scaleXAnimation() {
    ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(head, "scaleX", 1.0f, 1.5f);
    objectAnimator.setDuration(2000);
    objectAnimator.setRepeatCount(Animation.INFINITE);
    objectAnimator.setRepeatMode(Animation.RESTART);
    objectAnimator.start();
}

3.旋转(rotate)
// 旋转
private void rotateAnimation() {
    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();
}

4.透明度(alpha)
// 透明度
private void alphaAnimation() {
    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倍,并没有让它回到原来的状态,从这点就可以看出,属性动画是真真切切的可以改变控件的属性的,这是与补间动画的最大不同,补间动画在动画结束后都将回到初始状态。所以说,属性动画的使用就显得更加的灵活。至于上面的其他三个实例,最终回到初始状态,是因为我们在设过渡值的时候最终状态设定的就是初始状态。
    刚才我们讨论了几种常见的动画效果,如果仅有这些功能的话,那就与补间动画没有太大的区别。其实,属性动画还可以设置其他的属性值。ObjectAnimator的ofObject方法,就是用来对任意对象进行动画设置的,如字体颜色,直接看实例

<TextView
android:id="@+id/txt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@android:color/black"
android:layout_centerInParent="true"
android:textSize="32sp"
android:text="测试颜色变化"/>
int startColor = 0xffff0000;
int endColor = 0xff00ff00;
ObjectAnimator objectAnimator4 = ObjectAnimator.ofObject(txt, "textColor", new TypeEvaluator() {
@Override
public Object evaluate(float fraction, Object startValue, Object endValue) {
int startInt = (Integer) startValue;
int startA = (startInt >> 24) & 0xff;
int startR = (startInt >> 16) & 0xff;
int startG = (startInt >> 8) & 0xff;
int startB = startInt & 0xff;

int endInt = (Integer) endValue;
int endA = (endInt >> 24) & 0xff;
int endR = (endInt >> 16) & 0xff;
int endG = (endInt >> 8) & 0xff;
int endB = endInt & 0xff;

return (int)((startA + (int)(fraction * (endA - startA))) << 24) |
                (int)((startR + (int)(fraction * (endR - startR))) << 16) |
                (int)((startG + (int)(fraction * (endG - startG))) << 8) |
                (int)((startB + (int)(fraction * (endB - startB))));
    }
}, startColor, endColor);
objectAnimator4.setDuration(3000);
objectAnimator4.start();

    ofObject方法的原型
public static ObjectAnimator ofObject(Object target, String propertyName, TypeEvaluator evaluator, Object... values)
    我们看到它比ofFloat多了一个TypeEvaluator参数,它是用来告知系统如何进行属性值过渡的,由于ofObject是任意属性,所以需要自己实现TypeEvaluator,ofFloat没有该参数是因为系统默认实现了其过渡行为FloatEvaluator,关于TypeEvaluator我们会单独讲解,这边就不在详述了。
    除了字体颜色外,还可以设置背景色"backgroundColor"等。
    刚才的字体颜色除了使用ofObject方法外,还可以使用ofArgb,但需要SDK版本21上支持,目前市面上很多机型还是21以下的,暂时我们最好不要使用。
ObjectAnimator objectAnimator2 = ObjectAnimator.ofArgb(txt, "textColor", 0x000, 0x00FF00);
objectAnimator2.start();

二、常用设置
    在上面的例子中,我们已经对动画进行了一些设置,如间隔、重复次数等等,下面就将常见的设置罗列出来。
1.setInterpolator():设置动画插值
    控制动画的变化速率,系统中定义了好几种Interpolator:
    LinearInterpolator--均匀的速率改变
    AccelerateDecelerateInterpolator--先加速后减速
    AccelerateInterpolator--加速
    DecelerateInterpolator--减速
    CycleInterpolator--动画循环播放特定的次数,速率改变沿着正弦曲线
2.setDuration():设置动画执行时间,动画时间以毫秒为单位(ms)
3.setRepeatCount():设置动画重复次数
    大于0的值就代表重复几次,如果需要无限循环,设为-1,上面的Animation.INFINITE是系统给的常量,值为-1,代表无限循环,我们建议使用这个常量,如果设为0呢?也是执行一次。
4.setRepeatMode():设置动画重复模式
5.setStartDelay():设置动画延时操作,也是以毫秒为单位(ms) 
6.setTarget():设置动画的对象
    操作对象,上面的例子中将动画对象通过ofXXX方传递,如果需要改变动画对象,但动画效果不变,我们可以使用该方法来设置。
objectAnimator.setTarget(txt);//将动画对象head变为txt
7.setEvaluator():设置动画过度的评估者,即设置TypeEvaluator对象,后面会详细介绍

三、组合动画
    上面讲到的都是单一的动画,在实际使用时,有可能同时需要多种动画效果,比如同时在水平方向和垂直方向进行缩放并且同时绕水平方向旋转,要实现这样的效果就必须用到组合动画。可以有三种方式来实现,一一讲解。
1.AnimatorSet
    AnimatorSet可以让几个动画同时执行,也可以设置执行顺序、延迟执行等,
    after(Animator anim)--将现有动画插入到传入的动画之后执行
after(long delay)--将现有动画延迟指定毫秒后执行
before(Animator anim)--将现有动画插入到传入的动画之前执行
with(Animator anim)--将现有动画和传入的动画同时执行
    playSequentially(Animator... items)--依次执行
private void multiAnimation() {
        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();
    }

    让动画同时执行除了使用with方法外,还可以用playTogether方法,

animatorSet.playTogether(objectAnimator1, objectAnimator2, objectAnimator3);
    其他几种就不在演示了。
2.PropertyValuesHolder
    这种方式只能多个动画一起执行,不同设置先后顺序。
private void multiAnimation2() {
        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();
}
3.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) {
                Log.d("dingfeng", "onAnimationStart......");
            }

            @Override
            public void onAnimationEnd(Animator animation) {
                Log.d("dingfeng", "onAnimationEnd......");
            }

            @Override
            public void onAnimationCancel(Animator animation) {
                Log.d("dingfeng", "onAnimationCancel......");
            }

            @Override
            public void onAnimationRepeat(Animator animation) {
                Log.d("dingfeng", "onAnimationRepeat......");
            }
        });
        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);
                Log.d("dingfeng", "onAnimationEnd......");
            }
        });
        objectAnimator.start();
    }
    可以看出,我们使用了AnimatorListenerAdapter动画接口适配器代替AnimatorListener接口。其实AnimatorListenerAdapter的源码只是一个实现了AnimatorListener接口的抽象类而已,
你需要监听哪种动画状态就重写哪种方法就可以了。
除此之外,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();
                Log.d("dingfeng", "onAnimationUpdate......"+value);
            }
        });
        objectAnimator.start();
    }
一般情况下不太用到这个接口,但是在自定义动画的时候,通过该接口,可以实现很多复杂的效果。

五、xml编写动画
    当然,我们也可以在xml文件中配置动画,这样做可以比较好的复用这些动画,减少代码量。
1.在资源目录下创建animator文件夹
    将编写的xml文件放在该目录下,如下图

    我们创建两个动画文件,一个是旋转动画,一个组合动画

<?xml version="1.0" encoding="utf-8"?>
<objectAnimator xmlns:android='http://schemas.android.com/apk/res/android'
android:duration='2000'
android:propertyName='rotationX'
android:repeatCount="-1"
android:repeatMode="restart"
android:valueFrom='0'
android:valueTo='180'
android:valueType='floatType' />
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android='http://schemas.android.com/apk/res/android'
android:duration='2000'
android:ordering='sequentially'><!--动画执行顺序 sequentially:顺序执行;together:同时执行。 -->
<objectAnimator
android:propertyName='translationX'
android:valueFrom='0'
android:valueTo='200'
android:valueType='floatType' />

    <set android:ordering='together'>
        <objectAnimator
        android:propertyName='scaleX'
        android:valueFrom='1'
        android:valueTo='2'
        android:valueType='floatType' />
        <objectAnimator
        android:propertyName='scaleY'
        android:valueFrom='1'
        android:valueTo='2'
        android:valueType='floatType' />
    </set>
</set>
2.加载动画
    使用AnimatorInflater加载动画文件
head = (ImageView) findViewById(R.id.head);
Animator animator = AnimatorInflater.loadAnimator(this, R.animator.multi);
animator.setTarget(head);
animator.start();
    这样就OK了,还是很容易的。

    下一章再说说ValueAnimator 

1
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:29508次
    • 积分:641
    • 等级:
    • 排名:千里之外
    • 原创:34篇
    • 转载:2篇
    • 译文:0篇
    • 评论:7条
    最新评论