Android补间动画、属性动画 常用功能总结

1.补间动画
无需逐一定义每一帧,只要定义开始、结束的帧,和指定动画持续时间。
补间动画有4种(均为Animation抽象类子类):
AlphaAnimation(透明度,0~1)
ScaleAnimation(大小缩放,X、Y轴缩放,还包括缩放中心pivotX、pivotY)
TranslationAnimation(位移,X、Y轴位移)
RotateAnimation(旋转,包括缩放中心pivotX、pivotY)

public void move(View view){
    //定义一个位移补间动画,X轴从0变化到100,Y轴不变
    TranslateAnimation animation = new TranslateAnimation(0, 200, 0, 0);
    //设置动画持续时间
    animation.setDuration(1000);
    //设置动画结束后效果保留
    animation.setFillAfter(true);
    //控制动画先慢后快
    animation.setInterpolator(new AccelerateInterpolator());
    //找到对象,开启动画
    mImageView = (ImageView) findViewById(R.id.imageView1);
    mImageView.startAnimation(animation);

指定3个信息后,动画是匀速的,效果同逐帧动画。
上例中还有一个属性,可以控制速度,即为Interpolator(插值),有以下几种(Interpolator的实现类):
LinearInterpolator(匀速)
AccelerateInterpolator(先慢后快)
AccelerateDecelerateInterpolator(先慢中快后慢)
DecelerateInterpolator(先快后慢)
CycleInterpolator(循环播放,速度为正弦曲线)
AnticipateInterpolator(先回撤,再匀速向前)
OvershootInterpolator(超过,拉回)
BounceInterpolator(回弹)

不仅可以在代码中创建Animation对象,很多情况下,是采用动画资源文件来定义补间动画。资源目录:res/anim/anim.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 定义缩放动画 -->
    <scale android:fromXScale="1.o"
        android:fromYScale="1.0"
        android:toXScale="0.01"
        android:toYScale="0.01"
        android:pivotX="50%"
        android:pivotY="50%"
        android:fillAfter="true"
        android:duration="1000"/>
    <!-- 定义透明度动画 -->
    <alpha android:fromAlpha="1"
        android:toAlpha="0.05"
        android:duration="3000"/>
    <!-- 定义旋转动画 -->
    <rotate android:fromDegrees="0"
        android:toDegrees="1800"
        android:pivotX="50%"
        android:pivotY="50%"
        android:duration="2000"/>
</set>

然后在代码中使用AnimationUtils工具类加载动画资源,返回一个Animation对象

Animation animation = AnimationUtils.loadAnimation(this, R.anim.anim);

2.属性动画
继承关系:
Animator(属性动画的基类)→ValueAnimator→ObjectAnimator
如何使用:
1.调用ObjectAnimator的静态工厂方法创建动画(ofInt、ofFloat、ofObject)
2.调用SetXxx()设置动画持续时间、插值方式、重复次数等。
3.监听事件
4.调用Animator对象的start()方法启动动画

//标准示范,单个动画属性(ObjectAnimator)执行
public void move1(View view){
    //直接调用ObjectAnimator的工厂方法(静态方法),可以创建ObjectAnimator实例
    //前2个参数分别要指定:操作的具体的对象、操作的对象的属性。本例中,具体对象为ImageView,属性为X轴位移
    //第3个参数,是操作的对象的属性,其动画变化的范围的。本例中,X轴位移:0f~200f
    ObjectAnimator.ofFloat(mImageView, "translationX", 0f,200f)
        .setDuration(2000)
        .start();
}

//同一个对象设置多个属性动画,会同时执行。可见,属性动画实例调用start方法后,是一个异步的过程
public void move2(View view){
    ObjectAnimator.ofFloat(mImageView, "translationX", 0f,200f).setDuration(2000).start();
    ObjectAnimator.ofFloat(mImageView, "translationY", 0f,200f).setDuration(2000).start();
    ObjectAnimator.ofFloat(mImageView, "rotation", 0f,360f).setDuration(2000).start();
}

//(多个动画同时时推荐),使用PropertyValuesHolder,先将多个属性动画hold住,再一起开启动画,可以实现同样的效果。如此做法对动画进行了优化,使用多个属性的时候,更加节省系统资源。
public void move3(View view){
    PropertyValuesHolder p1 = PropertyValuesHolder.ofFloat("translationX", 0f,200f);
    PropertyValuesHolder p2 = PropertyValuesHolder.ofFloat("translationY", 0f,200f);
    PropertyValuesHolder p3 = PropertyValuesHolder.ofFloat("rotation", 0f,360f);
    ObjectAnimator.ofPropertyValuesHolder(mImageView, p1,p2,p3).setDuration(2000).start();
}

//(多个动画需求不同时时推荐),利用AnimatorSet,组合多个Animation,可以对多个动画属性进行顺序控制
//同时执行:set.playTogether(animator1,animator2,animator3)
//顺序执行:set.playSequentially(animator1,animator2,animator3)
//分布执行:play().with(); play().after();
public void move4(View view){
    ObjectAnimator animator1 = ObjectAnimator.ofFloat(mImageView, "translationX", 0f,200f);
    ObjectAnimator animator2 = ObjectAnimator.ofFloat(mImageView, "translationY", 0f,200f);
    ObjectAnimator animator3 = ObjectAnimator.ofFloat(mImageView, "rotation", 0f,360f);
    AnimatorSet set = new AnimatorSet();
    set.play(animator1).with(animator2);
    set.play(animator3).after(animator1);
    set.setDuration(1000).start();
}

利用addListener(listener)给Animator对象设置监听器。监听事件有很多种,如果参数直接给一个new AnimatorListener,系统会直接override全部的监听事件让我们覆写onAnimationStart onAnimationRepeat onAnimationEnd onAnimationCancel。如果只想监听个别事件,参数写成new AnimatorListenerAdapter,然后Alt+Shift+S,选择需要覆写的实现方法即可。

//对动画设置监听事件
public void move5(View view){
    ObjectAnimator animator = ObjectAnimator.ofFloat(view, "alpha", 0f,1.0f);
    animator.setDuration(1000).start();
    animator.addListener(new AnimatorListenerAdapter() {
        @Override
        public void onAnimationEnd(Animator animation) {
            super.onAnimationEnd(animation);
            mImageView.setVisibility(View.VISIBLE);
            ObjectAnimator.ofFloat(mImageView, "alpha", 0f,1.0f).setDuration(1000).start();
        }       
    });
}

3.属性动画实例(点击父菜单图标,弹出多个子菜单图标)

public class AnimatorPath extends Activity implements OnClickListener{

    private int [] res = {R.id.imageView0,R.id.imageView1,R.id.imageView2,
                    R.id.imageView3,R.id.imageView4,R.id.imageView5,
                    R.id.imageView6,R.id.imageView7,};
    private List<ImageView> imageViewList = new ArrayList<ImageView>();
    private boolean flag = true;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.animator_path);
        
        //用集合的方式遍历ImageView,并添加进集合
        for(int i =0 ; i< res.length; i++){
            ImageView imageView =(ImageView) findViewById(res[i]);
            imageView.setOnClickListener(this);
            imageViewList.add(imageView);
        }
    }
    
    //给帧布局文件中ImageView添加点击事件(使用Animator动画,动画后的ImageView也可以设置点击监听)
    @Override
    public void onClick(View v) {
        switch (v.getId()) {
        case R.id.imageView0:
            if(flag){
                startAnim();
                flag = false;
            }else{
                endAnim();
                flag = true;
            }
            break;
        default:
            break;
        }
    }
    
    //设置每个小球向前不同的距离,此处需求几个动画同时执行,就使用了最简单的实现方式
    private void startAnim() {
        for(int i =0; i< res.length; i++){
            ObjectAnimator animator = ObjectAnimator.ofFloat(imageViewList.get(i), "translationY",0f, 100f*i);
            animator.setDuration(500).setStartDelay(150*i);
            animator.setInterpolator(new BounceInterpolator());
            animator.start();
        }
    }
    
    private void endAnim() {
        for(int i = 0; i<res.length; i++){
            ObjectAnimator animator = ObjectAnimator.ofFloat(imageViewList.get(i), "translationY", 100f*i,0f);
            animator.setDuration(250).setStartDelay(150*i);
            animator.start();
        }
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,560评论 4 361
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,104评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,297评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,869评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,275评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,563评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,833评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,543评论 0 197
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,245评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,512评论 2 244
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,011评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,359评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,006评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,062评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,825评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,590评论 2 273
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,501评论 2 268

推荐阅读更多精彩内容

  • Animation Animation类是所有动画(scale、alpha、translate、rotate)的基...
    四月一号阅读 1,868评论 0 10
  • 1 背景 不能只分析源码呀,分析的同时也要整理归纳基础知识,刚好有人微博私信让全面说说Android的动画,所以今...
    未聞椛洺阅读 2,580评论 0 9
  • 首先感谢学校和老师给我这次参与学校导护的机会。通过参与这次活动使我更深刻地体会到老师们每天工作的辛苦和不易,导护工...
    奥帆阅读 1,237评论 0 0
  • 最近看了很多简书的关于如何学习好英语的一系列问题,我也明确我现在需要汲取的营养是什么?努力的逃离舒适区吧,你一定会...
    Hkbb阅读 415评论 1 1
  • 这是一个有关资金管理的话题, 但也只是资金管理中的 一个环节。在我看来,资金管理可视为交易中最为重要的一个环节,并...
    Julien_竹先生阅读 1,879评论 0 14