帅气的属性动画赏析（Property Animation）

关注

原创最新推荐文章于 2025-05-10 09:07:23 发布 1.2k 阅读 AI 写同款· GEO 优化 ›

HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载) 主要介绍了HTML5游戏引擎LTweenLite实现的超帅动画效果,详细分析了LTweenLite的下载,动画效果的实现步骤,并附带完整的demo实例源码供读者下载,需要的朋友可以参考下立即下载

权利声明：转载请注明出处http://blog.youkuaiyun.com/hello_chillax/article/details/44992787

今天我们来学习Android中的一个比较好玩的动画效果：Property Animation、でわ、はじめましょう。

一，初めに：动画的分类
Android动画分类：View Animation,Drawable Animation，Property Animation。

各自能实现的效果：View Animation比较简单，能且只能实现View的基本动画效果，如translation（移动）,alpha(淡入淡出)，rotate(旋转)，scale（缩放）。如果你想实现其他的特效的话，就应该考虑使用Property Animation了。

二、次に：Property Animation的简单使用。

1.ObjectAnimator.

.提供了ofInt、ofFloat、ofObject，这几个方法都是设置动画作用的元素、作用的属性、动画开始、结束、以及中间的任意个属性值。
下面我们通过一个Demo来细致地讲一下ObjectAnimator。
首先我们新建一个工程，在main.xml中写一个Button。在main函数中写下如下代码

我们实现这样一个动画：点击Button，让Button向右下角移动一段距离：于是我们有一下四种实现方法。

//实现方法一：animation动画只是有了动画效果，控件本身的位置并未移动
        TranslateAnimation animationX=new TranslateAnimation(0, 500, 0, 0);
        TranslateAnimation animationY=new TranslateAnimation(0,0,0,500);
        AnimationSet set=new AnimationSet(false);
        set.addAnimation(animationX);
        set.addAnimation(animationY);
        set.setDuration(3000);
        set.setFillAfter(true);
        button.startAnimation(set);

//实现方法二:   这种方法实际上已经改变了控件的位置！！！
        ObjectAnimator.ofFloat(button, "translationX", 0F,500F).setDuration(3000).start();
        ObjectAnimator.ofFloat(button, "translationY", 0F,500F).setDuration(3000).start();

//第三种实现方法: 用PropertyValuesHolder实现动画（比 方法二效率更高）
        PropertyValuesHolder holder1=PropertyValuesHolder.ofFloat("translationX", 0,500);
        PropertyValuesHolder holder2=PropertyValuesHolder.ofFloat("translationY", 0,500);
        ObjectAnimator.ofPropertyValuesHolder(button, holder1,holder2).setDuration(3000).start();

//第四种实现方法：用AnimatorSet实现动画效果，自定义动画执行顺序
        ObjectAnimator animator1=ObjectAnimator.ofFloat(button, "translationX", 0F,500F);
        ObjectAnimator animator2=ObjectAnimator.ofFloat(button, "translationY", 0F,500F);
        AnimatorSet set=new AnimatorSet();
        set.playTogether(animator1,animator2);//同时播放
//      set.playSequentially(animator1,animator2);//顺序播放
//      set.play(animator1).with(animator2);//同时播放
//      set.play(animator2).after(animator1);//让animator2在animator1后面播放
        set.setDuration(3000);
        set.start();

怎么样，我们不仅实现了动画，而且用简短的代码实现了四种方式。

下面我们来看一下对动画事件的监听：
我们让Button移动结束后调用一个Toast，show出“animator over”的字样.
我们选用方法4来添加监听效果，其他的类似：
添加如下代码：

set.addListener(new AnimatorListener() {

            @Override
            public void onAnimationStart(Animator animation) {

            }

            @Override
            public void onAnimationRepeat(Animator animation) {

            }

            @Override
            public void onAnimationEnd(Animator animation) {
                Toast.makeText(MainActivity.this, "animator over", Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onAnimationCancel(Animator animation) {

            }
        });

当然，如果你感觉这个监听器代码太多，不想实现那么多的方法，你可以用下面这个方法：

set.addListener(new AnimatorListenerAdapter() {
            @Override
            public void onAnimationEnd(Animator animation) {
            Toast.makeText(MainActivity.this, "animator over", Toast.LENGTH_SHORT).show();
            }
        });

是不是简洁多了。。

2.ValueAnimator
下面我们来进入另一个重要的animator。首先，让我们先看一下它和ObjectAnimator的关系：

public final class ObjectAnimator extends ValueAnimator {
    private static final boolean DBG = false;

    // The target object on which the property exists, set in the constructor
   。。。。。。。

显然，ObjectAnimator继承自ValueAnimator，即，ObjectAnimator包装了ValueAnimator；

注意：ValueAnimator本身并不能实现任何动画，它其实是一个产生动画变化的变化值，
下面我们来实现一个功能：让button的text从0随着动画的进度增加到100的效果：添加如下代码：

ValueAnimator animator=ValueAnimator.ofInt(0,100);
        animator.setDuration(3000);
        animator.addUpdateListener(new AnimatorUpdateListener() {

            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                Integer integer=(Integer) animation.getAnimatedValue();
                button.setText(""+integer);
            }
        });
        animator.start();