android 里的动画，自己的一些总结

你的名字 2022-05-31 23:05 150阅读 0赞

> 不要抱怨身边的环境，去改变自己，让自己拥有更好的环境。

## 前言 ##

移动端开发界面有时候要加入一些动画，android里有2类动画，第一类是View动画(View动画里又分2类，一类是帧动画，另一类是补间动画)，另一类是属性动画；顾名思义View动画只能操作View对象，但是并不会改变View的属性。如果想要通过动画改变对象的属性值，这时候我们可以考虑使用属性动画来实现效果了。

### 补间(Tween)动画 ###

透明度(alpha)、缩放(scale)、平移(translate)、旋转(rotate)

##### 透明度(alpha) #####

> android:fromAlpha 动画开始的透明度，从0.0 –1.0 ，0.0表示全透明，1.0表示完全不透明  
> android:toAlpha 动画结束时的透明度，也是从0.0 –1.0 ，0.0表示全透明，1.0表示完全不透明

#### 缩放(scale) ####

> android:pivotX 当取50%时:在原点坐标的基础上加上的自己宽度的50%;50:在原点坐标的基础上加上50;50%p:在原点坐标的基础上加上父控件的50%  
> android:pivotY 缩放起点Y轴坐标，取值及意义跟android:pivotX一样  
> android:fromXScale 起始的X方向上相对自身的缩放比例，浮点值，比如1.0代表自身无变化，0.5代表起始时缩小一倍，2.0代表放大一倍；  
> android:toXScale 结尾的X方向上相对自身的缩放比例，浮点值；  
> android:fromYScale 起始的Y方向上相对自身的缩放比例，浮点值，  
> android:toYScale 结尾的Y方向上相对自身的缩放比例，浮点值；

#### 平移(translate) ####

> android:fromXDelta 起始点X轴坐标，可以是数值、百分数、百分数p 三种样式，比如 50、50%、50%p，具体意义已在scale标签中讲述，这里就不再重讲  
> android:fromYDelta 起始点Y轴从标，可以是数值、百分数、百分数p 三种样式；  
> android:toXDelta 结束点X轴坐标  
> android:toYDelta 结束点Y轴坐标

#### 旋转(rotate) ####

> android:pivotX 同上  
> android:pivotY 同上

我们可以发现，透明度(alpha)、缩放(scale)、平移(translate)、旋转(rotate)这四种动画有一些共同的属性：

**Animation类继承的属性**(因为这4种动画都是继承Animation)

android:repeatCount="1"
    android:repeatMode="restart"
    android:fillAfter="true"
    android:duration="2000"
    android:interpolator="@animator/animatortest"
    ....

> android:duration 动画持续时间，以毫秒为单位  
> android:fillAfter 如果设置为true，控件动画结束时，将保持动画最后时的状态  
> android:fillBefore 如果设置为true,控件动画结束时，还原到开始动画前的状态  
> android:fillEnabled 与android:fillBefore 效果相同，都是在动画结束时，将控件还原到初始化状态  
> android:repeatCount 重复次数  
> android:repeatMode 重复类型，有reverse和restart两个值，reverse表示倒序回放，restart表示重新放一遍，必须与repeatCount一起使用才能看到效果。因为这里的意义是重复的类型，即回放时的动作。  
> android:interpolator 设定插值器，其实就是指定的动作效果，比如弹跳效果等

#### 动画集合(Set) ####

如果我们想让View进行缩放的动画的同时旋转，再平移，同时透明度也跟着改变；set没有私有的属性，set也继承Animation, set里使用的Animation的所有属性都同时作用与set的字节点。

> 属性值同上面；  
> 但是要注意以set里的属性为主，

#### 怎么在code里使用这些xml定义的动画? ####

Animation animation = AnimationUtils.loadAnimation(this, R.anim.alphaanim); // res目录下创建一个anim文件夹
    findViewById(R.id.tv_test).startAnimation(animation); //使用xml 生成动画

#### 如果我们不想使用xml，用代码实现动画。 ####

##### scale 动画使用代码实现： #####

ScaleAnimation scaleAnimation = new ScaleAnimation(1, 1, 2, 2);
    scaleAnimation.setDuration(1000);
    scaleAnimation.setFillEnabled(true);
    scaleAnimation.setInterpolator(new BounceInterpolator());   //设置插值器 比如先加速 后减速等
    
    public ScaleAnimation(float fromX, float toX, float fromY, float toY) {
    // 构造方法里参数对应着上面的xml实现的动画的属性
            mResources = null;
            mFromX = fromX;
            mToX = toX;
            mFromY = fromY;
            mToY = toY;
            mPivotX = 0;
            mPivotY = 0;
        }
    
    findViewById(R.id.tv_test).startAnimation(animation);  //开始动画

##### set联合动画使用代码实现： #####

AnimationSet setAnim = new AnimationSet(true);
            setAnim.addAnimation(rotateAnim);
            setAnim.addAnimation(scaleAnimation);  //对应上面的scaleAnimation  其他的rotateAnim等同理
            setAnim.addAnimation(translateAnimation);
            setAnim.setDuration(3000);
            setAnim.setFillAfter(true);
            mTvTest.startAnimation(setAnim);

### 属性(Property Animator)动画 ###

1.Property Animation是API Level 11(Android 3.0)引入的;  
2.Property Animator包括ValueAnimator和ObjectAnimator。

#### 属性动画ValueAnimator ####

public void testValueAnimator() {
            ValueAnimator animator = ValueAnimator.ofInt(0, 400);
            ValueAnimator.AnimatorUpdateListener animatorUpdateListener;
            animator.addUpdateListener(animatorUpdateListener = new ValueAnimator.AnimatorUpdateListener() {
                @Override
                public void onAnimationUpdate(ValueAnimator animation) {
                int value = (int) animation.getAnimatedValue();
                }
            });
            animator.setDuration(2000);
            animator.start();
        }

通过注册一个监听方法，int value = (int) animation.getAnimatedValue();得到当前进度的具体值（0-400）；还有ofFloat(), ofObject(), ofArgb()等；ofObject()要指定一个TypeEvaluator（这个是将当前进度转为具体值的类); 因为ofInt() ofFloat等系统都有相应的TypeEvaluator,所以不需要我们再指定。

#### 属性动画ObjectAnimator ####

该动画继承ValueAnimator；
    public final class ObjectAnimator extends ValueAnimator

public static ObjectAnimator ofFloat(Object target, String propertyName, float... values)
    // target: 即将动画的对象；propertyName: 对象要改变的属性;
    
     public void testObjectAnimatorByTranslationX() {
            //translationX translationY translation 平移
            //alphaX alphaY 透明度
            //rotation rotationX rotationY 旋转
            //scaleX scaleY 缩放
            ObjectAnimator animator = ObjectAnimator.ofFloat(mTvTest, "translationZ", 100, 0, 200);
            animator.setDuration(2000);
            animator.start();
        }
        // mTvTest: TextView对象 在TextView里没有发现setTranslationZ(),最后在他的父类View里面发现了。
         public void setTranslationZ(float translationZ) {
            if (translationZ != getTranslationZ()) {
                invalidateViewProperty(true, false);
                mRenderNode.setTranslationZ(translationZ);
                invalidateViewProperty(false, true); 
                // 动画通过改变translationZ属性值，通过反射得到setTranslationZ方法（String methodName = getMethodName("set", mPropertyName);），进而调用该方法。invalidateViewProperty 重绘View；
                invalidateParentIfNeededAndWasQuickRejected();
            }
        }

##### 我们动画的对象属性没有相应的setter方法，我们可以重写该类，提供对应的属性的setter； #####

比如我们想对象的pointRadio属性动画：

public class MyView extends View { 
        private Point mPoint = new Point(100);
        public MyView(Context context) {
            super(context);
        }
        public MyView(Context context, @Nullable AttributeSet attrs) {
            super(context, attrs);
        }
        @Override
        protected void onDraw(Canvas canvas) {
            super.onDraw(canvas);
            Paint paint = new Paint();
            paint.setColor(Color.RED);
            canvas.drawCircle(100, 100, mPoint.getmRadio(), paint);
        }
        public void setPointRadio(int radio) {
            mPoint.setmRadio(radio);
            invalidate();  // 从上面的解释 动画是通过反射调用属性的setter，我们在这里改变属性的值，然后再重绘！
        }
        //如果只给动画设置一个值时，会调用该方法得到 初始值 没有定义该方法 会用默认值 int ：0
        public int getPointRadio() {
            return 50;
        }
    }

**其他api**  
ofObject等都大同小异；ofObject() 我们通过ValueAnimator知道，要指定一个TypeEvaluator;

#### TypeEvaluator(评估者） ####

将动画的进度转为对应的值 这里只贴一个自定义的TypeEvaluator

public class CharEvaluator implements TypeEvaluator<Character> { 
        @Override
        public Character evaluate(float fraction, Character startValue, Character endValue) {
        // fraction: 进度值
            int startInt = startValue;
            int endInt = endValue;
            int type =  (int) (startInt + fraction * (endInt - startInt));
            return (char)type;
        }
    }

#### Interpolator(插值器） ####

控制动画的进度

@HasNativeInterpolator
    public class LinearInterpolator extends BaseInterpolator implements NativeInterpolatorFactory { 
    
        public LinearInterpolator() {
        }
    
        public LinearInterpolator(Context context, AttributeSet attrs) {
        }
    
        public float getInterpolation(float input) {
            return input;    // input: 表示当前的进度 我们自定义插值器的时候一般实现TimeInterpolator类
    /** abstract public class BaseInterpolator implements Interpolator public interface Interpolator extends TimeInterpolator public interface TimeInterpolator { float getInterpolation(float input); } */
        }
    
        /** @hide */
        @Override
        public long createNativeInterpolator() {
            return NativeInterpolatorFactoryHelper.createLinearInterpolator();
        }
    }

#### Keyframe(关键帧） ####

用来指定进度对应的相应属性值，比如我要在动画进行到0.3的时候对应的数值是多少。这样可以取代一些插值器的自定义，他们都是用来控制动画的进度！

public static Keyframe ofObject(float fraction, Object value) 
    // fraction: 进度值 value: 当前进度对应的属性值
    private void PropertyValuesHolderByOfObject() {
            Keyframe keyframe1 = Keyframe.ofObject(0f, new Character('A'));   // 0f： 动画刚开始的时候
            Keyframe keyframe2 = Keyframe.ofObject(0.1f, new Character('L'));
            Keyframe keyframe3 = Keyframe.ofObject(1f, new Character('Z')); // 1f： 动画结束的时候
            PropertyValuesHolder holder = PropertyValuesHolder.ofKeyframe("char", keyframe1, keyframe2, keyframe3);
            ObjectAnimator animator = ObjectAnimator.ofPropertyValuesHolder(mPropertyView, holder);
            animator.setEvaluator(new CharEvaluator());
            animator.setDuration(3000);
            animator.start();
        }

#### PropertyValuesHolder ####

保存动画的属性等信息

public static PropertyValuesHolder ofKeyframe(String propertyName, Keyframe... values)
    // propertyName: 对象的属性  values：指定当前对象的属性具体的进度对应的数值
    
    PropertyValuesHolder holder = PropertyValuesHolder.ofKeyframe("char", keyframe1, keyframe2, keyframe3); // 上面介绍了，反射对象的setChar方法 来改变对象的属性；

##### PropertyValuesHolder怎么被使用？ #####

ValueAnimator,ObjectAnimator都有相应的ofPropertyValuesHolder方法。

public static ObjectAnimator ofPropertyValuesHolder(Object target, PropertyValuesHolder... values)
    // target: 要使用动画的对象 values: 可以指定多个属性 进而可以使动画对象的多个属性同时变化，比如我们在平移的时候背景颜色也一同变化。一些情况下可以取代下面介绍的AnimatorSet(联合动画)。

#### AnimatorSet(联合动画) ####

/** * playSequentially:依次执行动画 * playTogether:一起执行动画 */
    public void AnimatorSetByPlaySequentially() {
            ObjectAnimator translationAnimator = ObjectAnimator.ofFloat(mTvTest, "translationX", 100, 0, 200);
            ObjectAnimator bgAnimator = ObjectAnimator.ofInt(mPropertyView, "BackgroundColor", 0xffff00ff, 0xffffff00, 0xffff00ff);
            AnimatorSet animatorSet = new AnimatorSet();
            animatorSet.playTogether(translationAnimator, bgAnimator);
            animatorSet.setDuration(2000);
            animatorSet.start();
        }
    
    public void AnimatorSetByPlay() {
            //with 一起执行 before 后执行 after 先执行
            ObjectAnimator translationAnimator = ObjectAnimator.ofFloat(mTvTest, "translationX", 100, 0, 200);
            ObjectAnimator bgAnimator = ObjectAnimator.ofInt(mPropertyView, "BackgroundColor", 0xffff00ff, 0xffffff00, 0xffff00ff);
            AnimatorSet animatorSet = new AnimatorSet();
            AnimatorSet.Builder builder = animatorSet.play(translationAnimator);
            builder.after(bgAnimator); // after 先执行
            animatorSet.setDuration(2000);
            animatorSet.start();
        }

#### 总结 ####