天天看点

Android属性动画总结Android属性动画总结

Android属性动画总结

转载请注明出处:http://blog.csdn.net/dreamsever/article/details/59113009

前言

动画应该是Android开发中比较常用相当重要的技能之一,有时候多日不用,用的时候脑子一片空白。这里总结下一属性动画的使用,以备不时之需。

Google官方把动画分为

  • View Animation
  • Drawable Animation
  • Property Animation

作为一个“老Android开发者”,我们一般这样分:

  • Tween Animation:通过对场景里的对象不断做图像变换(平移、缩放、旋转)产生动画效果,即是一种渐变动画;
  • Frame Animation:顺序播放事先做好的图像,是一种画面转换动画。
  • Property Animation:属性动画,通过动态地改变对象的属性从而达到动画效果,属性动画为API 11新特性。

另外两个动画都比较经典这里就不说了,本文主要总结属性动画,

Property Animation 属性动画是Android 3.0 (API level 11)才加入的,一般来说官方也比较推荐用它,因为它提供了更多的属性,使用起来更加的灵活

Android官网Property Animation链接

简述

属性动画系统可以让你定义动画的以下属性:

  • 时长
  • 时间插值
  • 重复次数
  • 动画集Animator sets
  • 帧频率

就像说Java里面说list我们想到了ArrayList,说map我们想到了HashMap,说属性动画我们自然要想到ObjectAnimator,它是属性动画的最典型最重要的类。其他的不是特殊需要可以先不考虑

基本使用

单个动画使用

/**
 * 缩放动画
 * @param v 被缩放的view
 */
private void scale(View v){
    ObjectAnimator anim = ObjectAnimator.ofFloat(v, "scaleX", f);//x方向放大两倍
    anim.setDuration();//时长
    anim.setRepeatCount();//重复次数
    anim.setRepeatMode(ValueAnimator.REVERSE);//重复时相反的方向恢复到原来的样子
    anim.setInterpolator(new AccelerateInterpolator());//设置插值器为加速度
    anim.start();
}
           

ofFloat的参数:

  • 第一个参数是要操纵的对象view
  • 第二个参数是属性,比如”x”,”y”,”pivotX”,”translationX”,”rotationX”,”scaleX”,”scaleY”等
  • 第三个参数是可变数组参数,是本属性动画相应的变化值,

ObjectAnimator有那么多方法,这里为什么用ofFloat()而不是ofInt(),ofArgb(),ofMultiFloat()等等,还是那句话它最经典用的最多,这里用它就适合。不要纠结当你发现ofFloat不够用的时候,实现不了的时候再去深入看看其他的

属性动画顾名思义就是针对属性的动画,那么属性动画的一些常用属性们有哪些呢:

  • translationX and translationY:这两个属性控制view距离其布局容器的左上角坐标的偏移量
  • rotation, rotationX, and rotationY:这些属性控制围绕轴点进行的2D和3D的旋转
  • scaleX and scaleY: 控制视图绕其轴点的x轴,y轴的缩放倍数
  • pivotX and pivotY:控制轴点的位置,围绕该点旋转和缩放变换发生。默认情况下,轴点位于对象的中心。
  • x and y: 用于描述在其容器视图中的最终位置,作为左侧值和顶部值以及translationX和translationY值的总和。
  • alpha:View视图的透明度,0是完全透明,1是不透明

如果属性动画只能对以上属性进行动画,那么属性动画只能说是对tween动画的升级,它的强大之处在官网有这样一句描述:

With the property animation system, these constraints are completely removed, and you can animate any property of any object (Views and non-Views) and the object itself is actually modified.

通过属性动画系统,你可以对一个对象(view或者非view)的任何属性进行动画,比如你可以自定义一个MyView

@Override
    protected void onDraw(Canvas canvas) {
        canvas.drawColor(colorNum);
    }
    private int colorNum= Color.BLACK;

    public void setBgColor(int value){
        colorNum=value;
        invalidate();
    }
           
ObjectAnimator test=ObjectAnimator.ofInt(myView,"bgColor", Color.BLUE);
test.setDuration();
test.start();
           

这样你就会看到view从0-Color.BLUE在1000毫秒内颜色的变化动画。只是一个小例子,真正开发肯定是各种属性都可以

动画集使用

想要动画效果更加炫酷,肯定不是单一的效果,需要几个动画结合一起执行,这里就要用到AnimatorSet,用法举例:

/**
 * @param v  执行动画的view
 * @param startBounds  开始的边界
 * @param finalBounds  结束时的边界
 * @param startScale  开始的拉伸比率
 */
public void startZoomAnim(View v, Rect startBounds, Rect finalBounds, float startScale) {
    AnimatorSet set = new AnimatorSet();
    set.play(
            ObjectAnimator.ofFloat(v, "x", startBounds.left, finalBounds.left))
            .with(ObjectAnimator.ofFloat(v, "y", startBounds.top, finalBounds.top))
            .with(ObjectAnimator.ofFloat(v, "scaleX", startScale, f))
            .with(ObjectAnimator.ofFloat(v, "scaleY", startScale, f));

    set.setDuration();
    set.setInterpolator(new DecelerateInterpolator());
    set.addListener(new AnimatorListenerAdapter() {
        @Override
        public void onAnimationEnd(Animator animation) {
            //
        }

        @Override
        public void onAnimationCancel(Animator animation) {
            //
        }
    });
    set.start();
}
           

其实真正开发中你会发现也许AnimatorSet也不能满足你的需求,因为设计的效果也许是一连串的动画效果,这时候你就需要加入动画监听器AnimatorListener,监听到动画之行结束启动另外一个动画

插值器

想要效果更加灵动活泼自然少不了插值器

各个插值器效果参考这里

http://www.cnblogs.com/mengdd/p/3346003.html

总结

上面这些都是属性动画的基础知识,也许复杂的动画自己写监听会很复杂,这里推荐一个开源库,操作属性动画很优雅

https://github.com/florent37/ViewAnimator

ViewAnimator
       .animate(image)
            .translationY(-, )
            .alpha(,)
       .andAnimate(text)
            .dp().translationX(-, )
            .decelerate()
            .duration()
       .thenAnimate(image)
            .scale(f, f, f)
            .accelerate()
            .duration()
       .start();
           

参考链接

Android官网Property Animation链接

http://www.jianshu.com/p/0923ab36d682

http://www.cnblogs.com/mengdd/p/3346003.html