Android Animation

最新推荐文章于 2024-03-27 17:51:37 发布

xdgs_2005

最新推荐文章于 2024-03-27 17:51:37 发布

阅读量349

点赞数

CC 4.0 BY-SA版权

分类专栏： Android开发

本文链接：https://blog.youkuaiyun.com/xdgs_2005/article/details/50866150

Android开发专栏收录该内容

21 篇文章

订阅专栏

1、Android Animation设计模式
Android的架构中用了很多的设计模式，Android的动画模型感触颇深，笔者之前开发过C++的动画模型，动画的模型和具体的元素耦合在一起，代码混乱，难以维护，使用复杂度高，可复用性低。
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/目录下，格式如下：

<set android:ordering=["together"|"sequentially"]>
<objectAnimator 
    android:propertyName="string"
    android:duration="int"
    android:valueFrom="float|int|color"
    android:valueTo="float|int|color"
    android:startOffset="int"
    android:repeatCount="int"
    android:repeatMode=["repeat|reverse"]
    android:valueType=["intType|floatType"]/>

<Animator 
    android:duration="int"
    android:valueFrom="float|int|color"
    android:valueTo="float|int|color"
    android:startOffset="int"
    android:repeatCount="int"
    android:repeatMode=["repeat|reverse"]
    android:valueType=["intType|floatType"]/>

<set>
    ...
</set>
</set>

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

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);
    }
}

参考资料：