Android开发之旅一简单的Animator动画使用

<RelativeLayout 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"
>
<com.example.testpath.TestLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/layout"
></com.example.testpath.TestLayout>

</RelativeLayout>

package com.example.testpath;

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

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;

public class MainActivity extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

TestLayout layout=(TestLayout) findViewById(R.id.layout);

List<Integer> imgRes=new ArrayList<Integer>();
imgRes.add(R.drawable.composer_music);
imgRes.add(R.drawable.composer_music);
imgRes.add(R.drawable.composer_music);
imgRes.add(R.drawable.composer_music);
imgRes.add(R.drawable.composer_music);

layout.init(R.drawable.composer_music, imgRes, TestLayout.LEFT_BOTTOM);

layout.setOnPKButClickListener(new OnClickListener() {

@Override
public void onClick(View v) {
// TODO Auto-generated method stub
System.out.println("----getId-----"+v.getId());
}
});

/*   layout.setOnTouchListener(new OnTouchListener() {

@Override
public boolean onTouch(View view, MotionEvent event) {
// TODO Auto-generated method stub

switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
System.out.println("----dd------");
return false;

case MotionEvent.ACTION_MOVE:
System.out.println("----mm------");
return false;

case MotionEvent.ACTION_UP:
System.out.println("----uu------");
return false;
}

return false;
}
});*/
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
if (id == R.id.action_settings) {
return true;
}
return super.onOptionsItemSelected(item);
}
}

package com.example.testpath;

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

import android.animation.Animator;
import android.animation.Animator.AnimatorListener;
import android.animation.AnimatorSet;
import android.animation.ObjectAnimator;
import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.Animation.AnimationListener;
import android.view.animation.AnimationUtils;
import android.view.animation.BounceInterpolator;
import android.widget.ImageView;
import android.widget.RelativeLayout;

public class TestLayout extends RelativeLayout{

private Context mContext;
public static int LEFT_BOTTOM=1,RIGHT_BOTTOM=2;

private ImageView mainButton;// 主按鈕

//存放有多少个子按钮
private List<ImageView> listImg=new ArrayList<ImageView>();

private boolean isShow=false;

//子按钮点击动画
private Animation childAnim;

public TestLayout(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
// TODO Auto-generated constructor stub
mContext=context;
}

public TestLayout(Context context, AttributeSet attrs) {
super(context, attrs);
// TODO Auto-generated constructor stub
mContext=context;
}

public TestLayout(Context context) {
super(context);
// TODO Auto-generated constructor stub
mContext=context;
}

/**
*
* @param imgRes
* @param place
*/
public void init(int resMain,List<Integer> imgRes,int place){

int align1 = 1,align2 = 2;

if(place == LEFT_BOTTOM){

align1 = ALIGN_PARENT_LEFT;
align2 = ALIGN_PARENT_BOTTOM;

}else if(place == RIGHT_BOTTOM){

align1 = ALIGN_PARENT_RIGHT;
align2 = ALIGN_PARENT_BOTTOM;

}

//子按钮layout
RelativeLayout layout = new RelativeLayout(mContext);
//childLayout设置参数
LayoutParams rlps1 = new LayoutParams(LayoutParams.MATCH_PARENT,
LayoutParams.MATCH_PARENT);
rlps1.alignWithParent = true;
layout.setLayoutParams(rlps1);

listImg.clear();

//创建子按钮
for(int i=0;i<imgRes.size();i++){

ImageView img = new ImageView(mContext);// 子按扭圖片
LayoutParams rlps=new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
rlps.alignWithParent = true;
rlps.addRule(align1, RelativeLayout.TRUE);
rlps.addRule(align2, RelativeLayout.TRUE);
img.setLayoutParams(rlps);
img.setImageResource(imgRes.get(i));
img.setId(i);
img.setVisibility(View.INVISIBLE); // 此处为INVISIBLE,view才会有宽度
layout.addView(img);

listImg.add(img);
}

// 主按扭
mainButton = new ImageView(mContext);
mainButton.setImageResource(resMain);
LayoutParams crosslps = new LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
crosslps.alignWithParent = true;
crosslps.addRule(align1, RelativeLayout.TRUE);
crosslps.addRule(align2, RelativeLayout.TRUE);
mainButton.setLayoutParams(crosslps);
layout.addView(mainButton);

//把布局添加进去
this.addView(layout);

childAnim=AnimationUtils.loadAnimation(mContext, R.anim.pk_sdk_view_bar_item);
childAnim.setAnimationListener(new AnimationListener() {

@Override
public void onAnimationStart(Animation arg0) {
// TODO Auto-generated method stub

}

@Override
public void onAnimationRepeat(Animation arg0) {
// TODO Auto-generated method stub

}

@Override
public void onAnimationEnd(Animation arg0) {
// TODO Auto-generated method stub
startAnimationsOut(500);
}
});

mainButton.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View view) {
// TODO Auto-generated method stub
if(true == isShow){
isShow=false;
startAnimationsOut(500);
}else{
isShow=true;
startAnimationsIn(500);
}
}
});
}

/**
* 子按钮展开动画
* @param duration
*/
public void startAnimationsIn(int duration) {

int x=0,y=0;

for(int i=0;i<listImg.size();i++){

ImageView img=listImg.get(i);
img.setVisibility(View.VISIBLE);

x = 0;
y +=img.getWidth();

/*Animation a=new TranslateAnimation(0,  x, 0, y);
a.setInterpolator(new BounceInterpolator());
a.setDuration(duration);
a.setFillAfter(true);
img.startAnimation(a);*/

AnimatorSet set = new AnimatorSet() ;
set.setDuration(duration);
//			 set.setInterpolator(new BounceInterpolator());

Animator animX = ObjectAnimator.ofFloat(img, "translationX", 0,x);
Animator animY = ObjectAnimator.ofFloat(img, "translationY", 0,-y);

animX.setInterpolator(new BounceInterpolator());
animY.setInterpolator(new BounceInterpolator());

List<Animator> l=new ArrayList<Animator>();
l.add(animX);
l.add(animY);

set.playTogether(l);
set.start();

}

}

/**
* 子按钮收缩动画
* @param duration
*/
public void startAnimationsOut(int duration) {

int x=0,y=0;

for(int i=0;i<listImg.size();i++){

final ImageView img=listImg.get(i);
//			img.setVisibility(View.INVISIBLE);

x = 0;
y +=img.getWidth();

/*Animation a=new TranslateAnimation(x, 0, y, 0);
a.setDuration(duration);
a.setFillAfter(true);
img.startAnimation(a);*/

AnimatorSet set = new AnimatorSet() ;
set.setDuration(duration);

Animator animX = ObjectAnimator.ofFloat(img, "translationX", x,0);
Animator animY = ObjectAnimator.ofFloat(img, "translationY", -y,0);

List<Animator> l=new ArrayList<Animator>();
l.add(animX);
l.add(animY);

set.playTogether(l);
set.start();

set.addListener(new AnimatorListener() {

@Override
public void onAnimationStart(Animator arg0) {
// TODO Auto-generated method stub

}

@Override
public void onAnimationRepeat(Animator arg0) {
// TODO Auto-generated method stub

}

@Override
public void onAnimationEnd(Animator arg0) {
// TODO Auto-generated method stub
img.setVisibility(View.INVISIBLE);
}

@Override
public void onAnimationCancel(Animator arg0) {
// TODO Auto-generated method stub

}
});
}

}

/**
* 子按钮点击事件动画（会移动view）
* @param view
* @param duration
*/
public void startChildAnim(View view,int duration){
AnimatorSet set = new AnimatorSet() ;
Animator scaleX = ObjectAnimator .ofFloat(view, "scaleX", 2f);
Animator scaleY = ObjectAnimator .ofFloat(view, "scaleY", 2f);
Animator alpha = ObjectAnimator.ofFloat(view, "alpha", 1f, 0.2f);

List<Animator> l=new ArrayList<Animator>();
l.add(scaleX);
l.add(scaleY);
l.add(alpha);

set.setDuration(duration);
set.playTogether(l);
set.start();

set.addListener(new AnimatorListener() {

@Override
public void onAnimationStart(Animator arg0) {
// TODO Auto-generated method stub

}

@Override
public void onAnimationRepeat(Animator arg0) {
// TODO Auto-generated method stub

}

@Override
public void onAnimationEnd(Animator arg0) {
// TODO Auto-generated method stub

startAnimationsOut(500);
}

@Override
public void onAnimationCancel(Animator arg0) {
// TODO Auto-generated method stub

}
});
}

/**
* 设置子按钮click事件
*/
public void setOnPKButClickListener(final OnClickListener l) {

if (listImg != null && listImg.size() > 0) {

for (int i = 0; i < listImg.size(); i++) {
if (listImg.get(i) != null){

listImg.get(i).setOnClickListener(new OnClickListener() {

@Override
public void onClick(View v) {
// TODO Auto-generated method stub

System.out.println("------点击了------");
//							startChildAnim(v, 500);
v.startAnimation(childAnim);
l.onClick(v);
}
});
}
}
}
}

}