带有弹动效果的加载动画实现

来源：互联网发布：oracle数据库统计分析编辑：程序博客网时间：2024/05/21 20:37
项目需求，需要做一个加载动画，如效果图：（demo下载地址https://github.com/gerenvip/TestNineOldAndroid）
主要使用的是属性动画，demo（上面贴出的github地址可以下载）中使用的nineoldAndroid 开源的项目，如果不清楚该项目的可以到github上搜索，或者看一下任玉刚大神的博客 http://blog.csdn.net/singwhatiwanna/article/details/17639987
实现代码：
package com.gerenvip.test.nine;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.util.DisplayMetrics;import android.util.Log;import android.view.View;import android.view.animation.AccelerateInterpolator;import android.widget.ImageView;import com.nineoldandroids.animation.Animator;import com.nineoldandroids.animation.AnimatorListenerAdapter;import com.nineoldandroids.animation.AnimatorSet;import com.nineoldandroids.animation.ObjectAnimator;import com.nineoldandroids.view.ViewHelper;public class MyActivity extends Activity {    private ImageView targView1;    private ImageView targView2;    private ImageView targView3;    private int mScreenWith;    private int mScreenHeight;    private AnimatorSet set1;    private AnimatorSet set2;    private AnimatorSet set3;    private boolean flag = false;    /**     * Called when the activity is first created.     */    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);        DisplayMetrics dm = new DisplayMetrics();        getWindowManager().getDefaultDisplay().getMetrics(dm);        //获取屏幕的高度        mScreenHeight = dm.heightPixels;        //获取屏幕的宽度        mScreenWith = dm.widthPixels;        targView1 = (ImageView) findViewById(R.id.iv_i);        targView2 = (ImageView) findViewById(R.id.iv_u1);        targView3 = (ImageView) findViewById(R.id.iv_u2);        //有3个图片，我使用三个AnimatorSet        set1 = createAnima(targView1);        set2 = createAnima(targView2);        set3 = createAnima(targView3);        //监听第一个animatorset执行情况        set1.addListener(new AnimatorListenerAdapter() {            @Override            public void onAnimationStart(Animator animation) {                //第一个动画执行的时候，是不需要显示后两个动画的，所以，将targView2 targView3隐藏                targView2.setVisibility(View.INVISIBLE);                targView3.setVisibility(View.INVISIBLE);            }            @Override            public void onAnimationEnd(Animator animation) {                super.onAnimationEnd(animation);                //flag标记动画是否停止                if (flag) {                    //当第一个动画执行完毕，立刻指定第二个动画                    set2.start();                }            }        });        set2.addListener(new AnimatorListenerAdapter() {            @Override            public void onAnimationEnd(Animator animation) {                if (flag) {                    //第二个动画执行完毕，执行第三个                    set3.start();                }            }            @Override            public void onAnimationStart(Animator animation) {                //当第二个动画开始的时候为了看到效果，将刚才隐藏的targView2显示出来，这里使用postDelayed的原因是，如果直接setVisibility，会不生效                targView2.postDelayed(new Runnable() {                    @Override                    public void run() {                        targView2.setVisibility(View.VISIBLE);                    }                }, 100);            }        });        set3.addListener(new AnimatorListenerAdapter() {            @Override            public void onAnimationEnd(Animator animation) {                //当三个动画都执行完一遍后，重新开启动画1，如此实现无限循环                if (flag) {                    set1.start();                }            }            @Override            public void onAnimationStart(Animator animation) {                //第三个动画执行的时候，将targView3 显示可见                targView3.postDelayed(new Runnable() {                    @Override                    public void run() {                        targView3.setVisibility(View.VISIBLE);                    }                }, 100);            }        });    }    /**     * 创建三个动画集合     *动画分解为7个步骤：     * 1.竖直的图片旋转-30度     * 2.图片下落一个较高的高度     * 3.弹起     * 4.在弹起的过程中，将图片旋转到0度，即恢复以前的位置     * 5.当弹起到顶部的时候，再次下落     * 6.在下落的过程中，图片旋转到+30度     * 7.当图片落到底部的时候，在旋转到0度，恢复竖直位置     * @param targView     * @return     */    private AnimatorSet createAnima(final ImageView targView) {        final AnimatorSet set = new AnimatorSet();        //第一次下落比较高的距离        float longHeight = mScreenHeight * (float) 0.3;        //弹起的一个比较短的一个距离        float shortHeight = longHeight - mScreenHeight * (float) 0.1;        //下落时间        long downAnimTime = 300;        long otherTime = 100;        //顺时针旋转的角度        float positiveDegree = 30;        //逆时针旋转角度        float negativeDegree = -30;        //初始化动画，时间很短，不需要用户看到，将本来竖直的图片逆时针旋转30度：0 -->-30        ObjectAnimator initAnim = ObjectAnimator.ofFloat(targView, "rotation", 0, negativeDegree);        initAnim.setDuration(1);        initAnim.setInterpolator(new AccelerateInterpolator());        //图片第一个下落动画        ObjectAnimator traYdown = ObjectAnimator.ofFloat(targView, "translationY", 0, longHeight);        traYdown.setDuration(downAnimTime);        traYdown.setInterpolator(new AccelerateInterpolator());        //弹起动画        ObjectAnimator traYUp = ObjectAnimator.ofFloat(targView, "translationY", longHeight, shortHeight);        traYUp.setInterpolator(new AccelerateInterpolator());        traYUp.setDuration(otherTime);        //弹起的过程中，应该执行的旋转为原始位置的动画，-30 -->0        ObjectAnimator roationz = ObjectAnimator.ofFloat(targView, "rotation", negativeDegree, 0);        roationz.setDuration(otherTime);        roationz.addListener(new AnimatorListenerAdapter() {            @Override            public void onAnimationStart(Animator animation) {                //设置旋转中心点为图片底部中心点                ViewHelper.setPivotX(targView, targView.getMeasuredWidth() / 2);                ViewHelper.setPivotX(targView, targView.getMeasuredHeight());            }        });        roationz.setInterpolator(new AccelerateInterpolator());        //--------------------------------        //弹起到最高点的时候，开始向右旋转 0 --> 30        ObjectAnimator roationr = ObjectAnimator.ofFloat(targView, "rotation", 0, positiveDegree);        roationr.setDuration(otherTime);        roationr.setInterpolator(new AccelerateInterpolator());        roationr.addListener(new AnimatorListenerAdapter() {            @Override            public void onAnimationStart(Animator animation) {                //设置旋转中心                ViewHelper.setPivotX(targView, targView.getMeasuredWidth() / 2);                ViewHelper.setPivotX(targView, targView.getMeasuredHeight());            }        });        //第二次下落动画，在下落的过程中执行roationr动画，即下落的同时，向右旋转30度        ObjectAnimator traYdown2 = ObjectAnimator.ofFloat(targView, "translationY", shortHeight, longHeight);        traYdown2.setDuration(otherTime);        traYdown2.setInterpolator(new AccelerateInterpolator());        //--------------------------------        //当落下后，执行旋转动画，将图片旋转为竖直位置        final ObjectAnimator roationz1 = ObjectAnimator.ofFloat(targView, "rotation", positiveDegree, 0);        roationz1.setDuration(otherTime);        roationz1.setInterpolator(new AccelerateInterpolator());        roationz1.addListener(new AnimatorListenerAdapter() {            @Override            public void onAnimationStart(Animator animation) {                //设置旋转中心                ViewHelper.setPivotX(targView, targView.getMeasuredWidth() / 2);                ViewHelper.setPivotX(targView, targView.getMeasuredHeight());            }        });        //AnimatorSet播放方法有play和playTogether,其中play支持播放单个动画，playTogether支持同时播放多个动画，注意动画之间的时间顺序        set.play(initAnim).before(traYdown);        set.play(traYdown).before(traYUp);        set.playTogether(traYUp, roationz);        set.play(roationz).before(traYdown2);        set.playTogether(traYdown2, roationr);        set.play(roationz1).after(traYdown2);        return set;    }    public void start() {        set1.start();    }    @Override    protected void onDestroy() {        super.onDestroy();        recycleAnim();    }    private void recycleAnim() {        Log.e("WW", "回收资源");        set1.cancel();        set2.cancel();        set3.cancel();    }    public void startSecond(View view) {        Intent intent = new Intent(this, SecondAnimActivity.class);        startActivity(intent);    }    public void startThird(View view) {        Intent intent = new Intent(this, ThridAnimActivity.class);        startActivity(intent);    }    public void startRecord(View view) {        Intent intent = new Intent(this, RecordActivity.class);        startActivity(intent);    }    public void rotate(View view) {        Intent intent = new Intent(this, RotateActivity.class);        startActivity(intent);    }    /**     * 停止/启动动画     * @param view     */    public void stop(View view) {        if (flag) {            recycleAnim();            flag = false;        } else {            start();            flag = true;        }    }}
0 0