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

 }