android一个弹出菜单的动画(一)

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

先上效果图:

先写Layout文件:

<?xml version="1.0" encoding="utf-8"?

>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

              android:orientation="vertical"

              android:layout_width="fill_parent"

              android:layout_height="fill_parent"

              android:background="@android:color/white">

   <ImageView

        android:id="@+id/sat_main"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:src="@drawable/sat_main"

        android:layout_alignParentBottom="true"

        android:layout_alignParentLeft="true"

        android:layout_marginLeft="5dp"

        /> 

   <ImageView

    android:id="@+id/sat_item"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:visibility="gone"

    android:layout_alignParentBottom="true"

    android:layout_alignParentLeft="true"

    />

    <ImageView

    android:id="@+id/clone_item"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:visibility="gone"

    android:layout_alignParentBottom="true"

    android:layout_alignParentLeft="true"

    />

</RelativeLayout>

这3个ImageView都在屏幕的底部，clone_item须要固定在球弹起的最高位置:

初始化这3个imageView:

  sat_main = (ImageView)findViewById(R.id.sat_main);

		final ImageView itemView = (ImageView)findViewById(R.id.sat_item);

		final ImageView cloneView = (ImageView)findViewById(R.id.clone_item);

		cloneView.setImageResource(R.drawable.searchable_web);

		itemView.setImageResource(R.drawable.searchable_web);

		itemView.setVisibility(View.GONE);

初始化cloneView的位置:

//这个是使cloneview固定在leftmargin x bottomMargin y的地方

		RelativeLayout.LayoutParams layoutParams =(RelativeLayout.LayoutParams) cloneView.getLayoutParams();

		layoutParams.bottomMargin = Math.abs(y);

		layoutParams.leftMargin = Math.abs(x);

		cloneView.setLayoutParams(layoutParams);

点击button时候。button本身会旋转:

<?

xml version="1.0" encoding="utf-8"?>

<rotate	xmlns:android="http://schemas.android.com/apk/res/android"

    android:interpolator="@android:anim/decelerate_interpolator"

	android:fromDegrees="0"

	android:toDegrees="-135"

	android:pivotX="50%"

	android:pivotY="50%"

	android:duration="300"

	android:fillAfter="true"

	android:fillEnabled="true"/>

用下面方法得到球的终于位置:x坐标是distance*cos(角度),y是distance*sin(角度)

	//取得distance的cos(degree)

	public static int getTranslateX(float degree, int distance) {

		return Double.valueOf(distance * Math.cos(Math.toRadians(degree))).intValue();

	}

	public static int getTranslateY(float degree, int distance){

        return Double.valueOf(-1 * distance * Math.sin(Math.toRadians(degree))).intValue();

    }

然后球弹起的动画:

	public static Animation createItemOutAnimation(Context context, int index, long expandDuration, int x, int y){

        AlphaAnimation alphaAnimation = new AlphaAnimation(0f, 1f);

        long alphaDuration = 60;

        if(expandDuration < 60){

        	alphaDuration = expandDuration / 4;

        }

        alphaAnimation.setDuration(alphaDuration);

        alphaAnimation.setStartOffset(0);

        //x和y是球弹到最高点的坐标

        TranslateAnimation translate = new TranslateAnimation(0, x, 0, y);

        translate.setStartOffset(0);

        translate.setDuration(expandDuration);

        //OvershootInterpolator：表示向前甩一定值后再回到原来位置。

translate.setInterpolator(context, R.anim.sat_item_overshoot_interpolator);

        RotateAnimation rotate = new RotateAnimation(0f, 360f,

                Animation.RELATIVE_TO_SELF, 0.5f,

                Animation.RELATIVE_TO_SELF, 0.5f);

        //AccelerateInterpolator：动画从開始到结束。变化率是一个加速的过程。

        //DecelerateInterpolator：动画从開始到结束。变化率是一个减速的过程

        rotate.setInterpolator(context, R.anim.sat_item_out_rotate_interpolator);

        long duration = 100;

        if(expandDuration <= 150){

            duration = expandDuration / 3;

        }

        rotate.setDuration(expandDuration-duration);

        rotate.setStartOffset(duration);        

        AnimationSet animationSet = new AnimationSet(false);

        animationSet.setFillAfter(false);

        animationSet.setFillBefore(true);

        animationSet.setFillEnabled(true);

        animationSet.addAnimation(alphaAnimation);

        animationSet.addAnimation(rotate);

        animationSet.addAnimation(translate);

        animationSet.setStartOffset(30*index);

        return animationSet;

    }