ObjectAnimator属性动画应用demo

感谢慕课网--eclipse_xu

布局文件：activity_main.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.animationapp.MainActivity" >

    <ImageView
        android:id="@+id/im0"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="3dp"
        android:paddingTop="3dp"
        android:src="@drawable/b" />

    <ImageView
        android:id="@+id/im1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="3dp"
        android:paddingTop="3dp"
        android:src="@drawable/c" />

    <ImageView
        android:id="@+id/im2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="3dp"
        android:paddingTop="3dp"
        android:src="@drawable/d" />

    <ImageView
        android:id="@+id/im3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="3dp"
        android:paddingTop="3dp"
        android:src="@drawable/e" />

    <ImageView
        android:id="@+id/im4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="3dp"
        android:paddingTop="3dp"
        android:src="@drawable/f" />

    <ImageView
        android:id="@+id/im5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="3dp"
        android:paddingTop="3dp"
        android:src="@drawable/g" />

    <ImageView
        android:id="@+id/im6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="3dp"
        android:paddingTop="3dp"
        android:src="@drawable/h" />

    <ImageView
        android:id="@+id/im7"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/a" />

</FrameLayout>

图片资源

MainActivity.java

package com.example.animationapp;

import java.util.ArrayList;
import java.util.List;

import android.support.v7.app.ActionBarActivity;
import android.animation.ObjectAnimator;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.BounceInterpolator;
import android.widget.ImageView;
import android.widget.Toast;

public class MainActivity extends ActionBarActivity implements OnClickListener {

    private int[] res = {R.id.im0, R.id.im1,R.id.im2,
            R.id.im3,R.id.im4,R.id.im5,R.id.im6,R.id.im7}; 
    
    private List<ImageView>  list = new ArrayList<ImageView>(); 
    
    private boolean flag = true;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        initView();
    }

    private void initView() {
        
        for(int i = 0; i < res.length; i++){
            ImageView im = (ImageView) findViewById(res[i]);
            im.setOnClickListener(this);
            list.add(im);
        }
    }

    @Override
    public void onClick(View v) {
        switch(v.getId()){
        //im7最后布局，叠加在最上面
        case R.id.im7:{
            
            if(flag){
                startAnimation();
                flag = false;
            }else{
                closeAnimation();
                flag = true;
            }
            break;
        }

        default:
            Toast.makeText(MainActivity.this, v.getId()+"OK", Toast.LENGTH_SHORT).show();
            break;
        }
    }

    private void closeAnimation() {
        for(int i = 0 ;i<res.length-1; i++){
            ObjectAnimator oa = ObjectAnimator.ofFloat(list.get(i),
                    "translationY",i*200F, 0F );
            oa.setDuration(100);    
            //oa.setStartDelay(50*i);
            oa.start();
        }
    }

    private void startAnimation() {
        //此处只需要弹出其余7个图标，最上边的图标im7不动
        for(int i = 0 ;i<res.length-1; i++){
            //属性动画操作类
            ObjectAnimator oa = ObjectAnimator.ofFloat(list.get(i),
                    "translationY", 0F, i*200F);
            oa.setDuration(200);
            //oa.setInterpolator(new BounceInterpolator());
            //oa.setStartDelay(200*i);
            oa.start();
        }
    }
    
}