Android 灵动菜单动画效果

最新推荐文章于 2019-11-12 17:35:32 发布

myfwjy

最新推荐文章于 2019-11-12 17:35:32 发布

阅读量310

点赞数

分类专栏： Android

本文链接：https://blog.csdn.net/myfwjy/article/details/51776032

版权

Android 专栏收录该内容

75 篇文章 0 订阅

订阅专栏

通过ObjectAnimator实现一个灵活的菜单

public class PropertyTest extends Activity implements View.OnClickListener {

	private int[] mRes = { R.id.imageView_a, R.id.imageView_b,
			R.id.imageView_c, R.id.imageView_d, R.id.imageView_e };
	private List<ImageView> mImageViews = new ArrayList<ImageView>();
	private boolean mFlag = true;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.property);
		for (int i = 0; i < mRes.length; i++) {
			ImageView imageView = (ImageView) findViewById(mRes[i]);
			imageView.setOnClickListener(this);
			mImageViews.add(imageView);
		}
	}

	@Override
	public void onClick(View v) {
		switch (v.getId()) {
		case R.id.imageView_a:
			if (mFlag) {
				startAnim();
			} else {
				closeAnim();
			}
			break;
		default:
			Toast.makeText(PropertyTest.this, "" + v.getId(),
					Toast.LENGTH_SHORT).show();
			break;
		}
	}

	@SuppressLint("NewApi")
	private void closeAnim() {
		ObjectAnimator animator0 = ObjectAnimator.ofFloat(mImageViews.get(0),
				"alpha", 0.5F, 1F);
		ObjectAnimator animator1 = ObjectAnimator.ofFloat(mImageViews.get(1),
				"translationY", 200F, 0);
		ObjectAnimator animator2 = ObjectAnimator.ofFloat(mImageViews.get(2),
				"translationX", 200F, 0);
		ObjectAnimator animator3 = ObjectAnimator.ofFloat(mImageViews.get(3),
				"translationY", -200F, 0);
		ObjectAnimator animator4 = ObjectAnimator.ofFloat(mImageViews.get(4),
				"translationX", -200F, 0);
		AnimatorSet set = new AnimatorSet();
		set.setDuration(500);
		set.setInterpolator(new BounceInterpolator());
		set.playTogether(animator0, animator1, animator2, animator3, animator4);
		set.start();
		mFlag = true;
	}

	@SuppressLint("NewApi")
	private void startAnim() {
		ObjectAnimator animator0 = ObjectAnimator.ofFloat(mImageViews.get(0),
				"alpha", 1F, 0.5F);
		ObjectAnimator animator1 = ObjectAnimator.ofFloat(mImageViews.get(1),
				"translationY", 200F);
		ObjectAnimator animator2 = ObjectAnimator.ofFloat(mImageViews.get(2),
				"translationX", 200F);
		ObjectAnimator animator3 = ObjectAnimator.ofFloat(mImageViews.get(3),
				"translationY", -200F);
		ObjectAnimator animator4 = ObjectAnimator.ofFloat(mImageViews.get(4),
				"translationX", -200F);
		AnimatorSet set = new AnimatorSet();
		set.setDuration(500);
                // 插值器使用弹跳效果
               set.setInterpolator(new BounceInterpolator());
		set.playTogether(animator0, animator1, animator2, animator3, animator4);
		set.start();
		mFlag = false;
	}
}

xml部分：

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

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/imageView_b"
        android:src="@drawable/b"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true" />

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/imageView_c"
        android:src="@drawable/c"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true" />

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/imageView_d"
        android:src="@drawable/d"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true" />

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/imageView_e"
        android:src="@drawable/e"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true" />

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/imageView_a"
        android:src="@drawable/a"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true" />

</RelativeLayout>