android学习(属性动画扇形菜单栏)

public class TestActivity extends Activity implements OnClickListener{
    private int[] res={R.id.imageView1,R.id.imageView2,R.id.imageView3,R.id.imageView4,R.id.imageView5,R.id.imageView6};
    private List<ImageView> list=new ArrayList<ImageView>();
    private boolean flag;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        setContentView(R.layout.tests);
        for(int i=0;i<res.length;i++){
            ImageView iv=(ImageView) findViewById(res[i]);
            iv.setOnClickListener(this);
            list.add(iv);
        }
        
    }
/**
public void move(View view){
    ImageView iv=(ImageView) findViewById(R.id.imageView1);
    //属性动画
//    ObjectAnimator.ofFloat(iv, "translationX", 0,200f).setDuration(1000).start();//X轴移动 
    
    //第2种 优化
//    PropertyValuesHolder p1=PropertyValuesHolder.ofFloat("translationX", 0,200f);
//    PropertyValuesHolder p2=PropertyValuesHolder.ofFloat("translationY", 0,200f);
//    PropertyValuesHolder p3=PropertyValuesHolder.ofFloat("rotation", 0,360f);
//    ObjectAnimator.ofPropertyValuesHolder(iv, p1,p2,p3).setDuration(1000).start();
    
    //结合 
    AnimatorSet set=new AnimatorSet();
    ObjectAnimator oa1=ObjectAnimator.ofFloat(iv, "translationX", 0,200f);
    ObjectAnimator oa2=ObjectAnimator.ofFloat(iv, "translationY", 0,200f);
    ObjectAnimator oa3=ObjectAnimator.ofFloat(iv, "rotation", 0,360f);
//    set.playTogether(oa1,oa2,oa3);//一起
//    set.playSequentially(oa1,oa2,oa3);//顺序播放
    set.play(oa1).with(oa2);
    set.play(oa3).after(oa2);//平移在一起，最后在旋转
    set.setDuration(1000);
    set.start();
}
*/

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
        case R.id.imageView1:
            if(flag){
            startAnimat();
            }else{
                closeAnimat();
            }
            break;

        default:
            Toast.makeText(this, "click"+v.getId(), Toast.LENGTH_SHORT).show();
            break;
        }
        
    }
private void closeAnimat() {
    for(int i=1;i<res.length;i++){
        AnimatorSet set=new AnimatorSet();
        ObjectAnimator oa1=ObjectAnimator.ofFloat(list.get(i), "translationX",(float)Math.sin(Math.toRadians((i-1)*90/(5-1)))*200 ,0);
        ObjectAnimator oa2=ObjectAnimator.ofFloat(list.get(i), "translationY",(float)Math.cos(Math.toRadians((i-1)*90/(5-1)))*200 ,0);
        set.playTogether(oa1,oa2);
        set.setDuration(3000);
        set.setInterpolator(new BounceInterpolator());
//        set.setStartDelay(i*300);
        set.start();
        flag=true;
        
    }
    
}
/**
 * 菜单展开
 */
private void startAnimat() {
    // TODO Auto-generated method stub
    for(int i=1;i<res.length;i++){
        AnimatorSet set=new AnimatorSet();
        ObjectAnimator oa1=ObjectAnimator.ofFloat(list.get(i), "translationX",0,(float)Math.sin(Math.toRadians((i-1)*90/(5-1)))*200 );
        ObjectAnimator oa2=ObjectAnimator.ofFloat(list.get(i), "translationY",0,(float)Math.cos(Math.toRadians((i-1)*90/(5-1)))*200 );
        set.playTogether(oa1,oa2);
        set.setDuration(3000);
//        set.setStartDelay(i*300);
        set.start();
        flag=false;
        
    }
}
    
    /**
     * 监听事件
     */
//    public void move(View view){
//        ObjectAnimator oa1=ObjectAnimator.ofFloat(view, "alpha", 0,1f);
//        oa1.setDuration(1000).start();
//        oa1.addListener(new AnimatorListenerAdapter() {
//            @Override
//            public void onAnimationEnd(Animator animation) {
//                Toast.makeText(TestActivity.this,"click", Toast.LENGTH_SHORT).show();
//            }
//        });
//    }
}

布局文件

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    

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

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

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

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

    

    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/b" />
<ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/a" />
</FrameLayout>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

mark