Android Animation

小咪咪 2022-08-21 03:10 134阅读 0赞

1、Android Animation设计模式  
Android的架构中用了很多的设计模式，Android的动画模型感触颇深，笔者之前开发过C++的动画模型，动画的模型和具体的元素耦合在一起，代码混乱，难以维护，使用复杂度高，可复用性低。  
![android 动画结构][android]  
动画自成体系，和view通过接口交互，既具备模块隔离性，又保证了充分的扩展性。  
至于实现view动画的细节实现，有机会还需要仔细研究下，刚入手重点还放在应用层面。  
2、Android动画  
Android动画整体可范围三类：view animation,drawable animation，property animation  
2.1 view animation  
View Animation只能应用于view对象，并且要注意的一点，对于View Animation,它只是改变了View对象绘制的位置，并没有改变View对象本身。比如，你定义了一个View，属性为（x:100,y:100,width:100,height:100），有一个动画使其变为(x:100,y:100,width:50,width:50)，在动画过程中Button的点击区域仍然是(x:100,y:100)->(200,200).  
View Animation支持支持四种动画效果，TranslateAnimation,ScaleAnimation,RotateAnimation,AlphaAnimation。动画的定义既可以通过XML方式来定义，也可以通过动态代码方式来创建。  
单个View可以同时设置多个动画，默认多个动画是同时进行的，可以通过startOffset属性设置各个动画的开始偏移（开始时间）来达到动画顺序播放的效果。  
通过XML方式定义View动画，需要在res/anim文件夹内创建xml文件，如下所示：

<?xml version="1.0" encoding="utf-8"?>
    <rotate xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/linear_interpolator" android:duration="150" android:fromDegrees="0.0" android:toDegrees="-225.0" android:pivotX="50.0%" android:pivotY="50.0%" android:fillAfter="true" android:fillEnabled="true">
    
    </rotate>

在代码中，加载XML文件实例化Animation，指定给指定的View即可。

Button mButton = (Button)findViewById(R.id.button1);
    Animation animation = AnimationUtils.loadAnimation(this,
                    R.anim.rotate_button_in);
    mButton.startAnimation(animation);

XML文件的根元素可以为：,,,,(表示以上几个动画的集合，set可以嵌套,默认set内动画元素同时执行)

还可以通过代码方式定义动画

Button mButton = (Button)findViewById(R.id.button1);
    AlphaAnimation alphaAnimation = new AlphaAnimation(0,1);
    alphaAnimation.setDuration(200);
    mButton.startAnimation(alphaAnimation);

2.2 Drawable Animation  
Drawable Animation通过顺序播放一组图片来实现动画的效果，使用方法如下：  
在res/drawable/目录下新建Drawable

<?xml version="1.0" encoding="utf-8"?>
    <animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false">
    <item android:drawable="@drawable/image1" android:duration="500" />
    <item android:drawable="@drawable/image2" android:duration="500" />
    <item android:drawable="@drawable/image3" android:duration="500" />
    </animation-list >

调用逻辑如下：

Button mButton = (Button)findViewById(R.id.button1);
    mButton.setBackgroundResource(R.drawable.frame_animation);
    AnimationDrawable drawable = (AnimationDrawable)mButton.getBackground();
    drawable.start();

2.3 属性动画  
属性动画是API 11后引入的，它扩展了动画的作用对象，可以对任何对象做动画，同时扩展了动画效果，可以实现更为绚丽的效果。属性动画几乎无所不能，只有对象有这个属性，就可以针对它做动画。在API 11版本之前，可以采用开源动画库nineoldandroids兼容以前版本。  
2.3.1 属性动画的基础用法  
属性动画中比较常用的几个类：ValueAnimator、ObjectAnimator、AnimatorSet。  
与View动画一样，属性动画也有两种创建方法：通过代码创建和通过XML创建。  
1）实现button上下平移的动画。

Button aniBtn = (Button)findViewById(R.id.btn_anim);
            ValueAnimator alphaAnim = ObjectAnimator.ofFloat(aniBtn, "translationY", 0,90);
            alphaAnim.setDuration(5000);
            alphaAnim.setRepeatCount(ValueAnimator.INFINITE);
            alphaAnim.start();

2) 改变View的背景色，实现在3s内从0xFFFF8080到0xFF8080FF的渐变，动画会无限重复。

ValueAnimator colorAnim = ObjectAnimator.ofInt(customView, "backgroundColor",0xFFFF8080,0xFF8080FF);
    colorAnim.setDuration(3000);
    colorAnim.setEvaluator(new ArgbEvaluator());
    colorAnim.setRepeatCount(ValueAnimator.INFINITE);
    colorAnim.start();

3) 动画集合，5s内对View的旋转、平移、缩放和透明度都进行改变。

AnimatorSet set = new AnimatorSet();
    set.playTogether(
        ObjectAnimator.ofFloat(customView, "rotationX", 0, 360);
        ObjectAnimator.ofFloat(customView, "rotationY", 0, 180);
        ObjectAnimator.ofFloat(customView, "translationX", 0, 90);
        ObjectAnimator.ofFloat(customView, "translationY", 0, 90);
        ObjectAnimator.ofFloat(customView, "scaleX", 1, 1.5f);
        ObjectAnimator.ofFloat(customView, "scaleY", 1, 0.5f);
        ObjectAnimator.ofFloat(customView, "alpha", 1, 0.25f,1);
    
    );
    set.setDuration(5000).start();

通过XML创建

属性动画需要定义在res/animator/目录下，格式如下：

使用属性动画的方式也很简单

AnimatorSet set=(AnimatorSet)AnimatorInflater.loadAnimator(customContext,R.anim.property_animator);
    set.setTarget(mButton);
    set.start();

2.3.2 属性动画的扩展  
属性动画的Interpolator和TypeEvaluator很重要，通过自定义这两个接口可以实现千奇百怪的动画效果。  
LinearInterpolator的源码：

public class LinearInterpolator implements Interpolator{ 
    
        public LinearInterpolator(){
        }
    
        public LinearInterpolator(Context context, AttributeSet attrs)(){
        }
    
        public float getInterpolation(float input){
        return input;
        }
    }

IntEvaluator的源码

public class IntEvaluator implements TypeEvaluator<Integer>{ 
        public Integer evaluate(float fraction, Integer startValue, Integer endValue){
            int startInt = startValue;
            return (int)(startInt + fraction*(endValue-startValue))
        }
    }

属性动画还提供了AnimatorUpdateListener和AnimatorListener两个监听器，用来监听动画的播放过程。  
AnimatorLister的定义如下：

public static interface AnimatorLister{
        void onAnimationStart(Animator animation);
        void onAnimationEnd(Animator animation);
        void onAnimationCancel(Animator animation);
        void onAnimationRepeat(Animator animation);
    }

AnimatorUpdateListener的定义如下：

public static interface AnimatorUpdateListener{
        void onAnimationUpdate(ValueAnimator animation);
    }

2.3.3 对任意属性做动画  
针对Object属性abc的属性动画要生效，必须同时满足两个条件：  
1) Object必须要提供setAbc的方法，如果动画的时候没有传递初始值，还必须提供getAbc的方法，因为系统要去取Abc属性的初始值(该条不满足，程序直接crash)  
2)Object的setAbc方法对属性abc的改变必须能够通过某种方式反映出来，比如会带来UI改变之类的(不满足这条，动画无效果但不会crash)  
如何给对象属性添加set和get方法，官方文档提供三个解决方法：  
1、如果有权限的话，给你的对象加上get和set方法；  
简单有效，但往往我们没有权限。  
2、用一个类包装原始对象，间接为其提供get和set方法；

private void performAnimate(){
        ViewWrapper wrapper = new ViewWrapper(mButton);
        ObjectAnimator.ofInt(wrapper,"width",500).setDuration(5000).start();
    }
    
    @override
    public void onClick(View v){
        if (v == mButton){
            performAnimate();
        }
    }
    
    private static class ViewWrapper {
        private View mTarget;
    
        public ViewWrapper(View target){
            mTarget = target;
        }
    
        public int getWidth(){
            return mTarget.getLayoutParam().width;
        }
    
        public void setWidth(int width){
            mTarget.getLayoutParam().width = width;
            mTarget.requestLayout();
        }
    
    }

3、采用ValueAnimator, 监听动画过程，自己实现属性的改变。

private void performAnimate(final View target, final int start, final int end){
        ValueAnimator valueAnimator = ValueAnimator.ofInt(1,100);
        valueAnimator.addUpdateListener(new AnimatorUpdateListener(){
        private IntEvaluator mEvaluator = new IntEvaluator();
    
        @override
        public void onAnimationUpdate(ValueAnimator animator){
            int currentValue = (Interge)animator.getAnimateValue();
    
            float fraction = animator.getAnimateFraction();
    
            target.getLayoutParams().width = mEvaluator.evaluate(fraction, start, end);
    
            target.requestLayout();
        }
        });
    
        valueAnimator.setDuration(5000).start();
    }
    
    @override
    public void onClick(View v){
        if (v == mButton){
            performAnimate(mButton,mButton.getWidth(),500);
        }
    }

参考资料：

[android]: /images/20220731/6b7b4da0f2f745eb9a05e6778f822bd0.png