android 动画效果1 pathMenu效果 （巩固自己的动画知识）

pathMenu效果,这个效果已经出了很长时间了。今天有空，就仿制了效果。

主要是为了巩固自己的动画知识。和大家分享一下

效果图 

此效果不难，分析一下就会发现，此效果就是一个位置变换的动画(Translate),在变换的过程中，将每个不同按钮的启动时间设置不同(startOffSet)，这样出现递进的效果，最后添加到Interpolator (OvershootInterpolator 此效果是回弹的效果)

主要类

package com.example.mypathmenu;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewGroup.LayoutParams;
import android.view.ViewGroup.MarginLayoutParams;
import android.view.animation.Animation;
import android.view.animation.Animation.AnimationListener;
import android.view.animation.AnticipateInterpolator;
import android.view.animation.OvershootInterpolator;
import android.view.animation.RotateAnimation;
import android.view.animation.TranslateAnimation;

public class MyAnimation {
	private static View childAt;
	
	
	
	/**
	 * 加号旋转
	 * @param viewGroup
	 * @param duration
	 */
	public static void getRotAnimation(ViewGroup viewGroup,int duration){
		
		for(int i=0;i<viewGroup.getChildCount();i++){
			childAt = viewGroup.getChildAt(i);
		}
		
		Animation rotAnimation=new RotateAnimation(0, 270, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
		rotAnimation.setDuration(duration);
		childAt.startAnimation(rotAnimation);
	}
	/**
	 * 进入的方法，是针对每一个按钮,按钮是在外层可以在再布局中将imageButton 的gone去掉
	 * @param group
	 * @param duration
	 */
	public static void startAnimationIn(ViewGroup viewGruop,int duration){
		for(int i=0;i<viewGruop.getChildCount();i++){
			View childView = viewGruop.getChildAt(i);
			childView.setVisibility(View.VISIBLE);
			MarginLayoutParams mariginLayoutParams = (MarginLayoutParams) childView.getLayoutParams();//MarginLayoutParams此类可以获得rightmargin等
			//x轴是从mariginLayoutParams.rightMargin到自己(0F),Y轴是从mariginLayoutParams.bottomMargin到自己
			Animation tlAnimation=new TranslateAnimation(mariginLayoutParams.rightMargin, 0F, mariginLayoutParams.bottomMargin, 0F);
			tlAnimation.setFillAfter(true);//动画完成后，停留到结束位置
			tlAnimation.setDuration(duration);//动画的时间
			tlAnimation.setStartOffset((i*100)/(-1*viewGruop.getChildCount()));//每个按钮启动的时间
			tlAnimation.setInterpolator(new OvershootInterpolator(2f));//设置效果
			
			childView.startAnimation(tlAnimation);//开启动画
			
		}
	}
	/**
	 * 出去的方法，效果是所有按钮合并到红色区域内
	 * @param viewGroup
	 * @param duration
	 */
	public static void startAnimationOut(ViewGroup viewGroup,int duration){
		for(int i=0;i<viewGroup.getChildCount();i++){
			final View viewChild = viewGroup.getChildAt(i);
			MarginLayoutParams layoutParams = (MarginLayoutParams) viewChild.getLayoutParams();
			
			Animation animation=new TranslateAnimation(0F, layoutParams.rightMargin, 0F, layoutParams.bottomMargin);
			
			animation.setFillAfter(true);animation.setDuration(duration);
			animation.setStartOffset(((viewGroup.getChildCount()-i) * 100)
					/ (-1 + viewGroup.getChildCount()));
			animation.setInterpolator(new AnticipateInterpolator(2F));
			animation.setAnimationListener(new AnimationListener() {
				
				@Override
				public void onAnimationStart(Animation animation) {
				}
				
				@Override
				public void onAnimationRepeat(Animation animation) {
				}
				
				@Override
				public void onAnimationEnd(Animation animation) {
					viewChild.setVisibility(View.GONE);//动画结束之后将iamgeButon隐藏
				}
			});
			
			viewChild.startAnimation(animation);
		}
		
		
	}
	
	
	
	
}

布局文件

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >



  <RelativeLayout
        android:id="@+id/composer_buttons_wrapper"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:clipChildren="false"
        android:clipToPadding="false" 
        android:layout_marginBottom="6dp"
        android:layout_marginRight="6dp"
        >

        <ImageButton
            android:id="@+id/composer_button_photo"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true"
            android:layout_marginBottom="142dp"
            android:layout_marginRight="10.667dp"
            android:background="@drawable/composer_camera"
            android:visibility="gone" />

        <ImageButton
            android:id="@+id/composer_button_people"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true"
            android:layout_marginBottom="135.333dp"
            android:layout_marginRight="52dp"
            android:background="@drawable/composer_with"
            android:visibility="gone" />

        <ImageButton
            android:id="@+id/composer_button_place"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true"
            android:layout_marginBottom="116.666dp"
            android:layout_marginRight="89.33333333333333dp"
            android:background="@drawable/composer_place"
            android:visibility="gone" />

        <ImageButton
            android:id="@+id/composer_button_music"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true"
            android:layout_marginBottom="87.33333333333333dp"
            android:layout_marginRight="118.6666666666667dp"
            android:background="@drawable/composer_music"
            android:visibility="gone" />

        <ImageButton
            android:id="@+id/composer_button_thought"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true"
            android:layout_marginBottom="50dp"
            android:layout_marginRight="137.3333333333333dp"
            android:background="@drawable/composer_thought"
            android:visibility="gone" />

        <ImageButton
            android:id="@+id/composer_button_sleep"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true"
            android:layout_marginBottom="8.666666666666667dp"
            android:layout_marginRight="144dp"
            android:background="@drawable/composer_sleep"
            android:visibility="gone" />
    </RelativeLayout>
    <RelativeLayout
        android:id="@+id/rl_rot"
             android:layout_width="60dp"
        android:layout_height="57.33333333333333dp"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:background="@drawable/composer_button" >

        <ImageView
            android:id="@+id/iv_rot"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:background="@drawable/composer_icn_plus" />
    </RelativeLayout>
</RelativeLayout>

activity文件

package com.example.mypathmenu;

import android.support.v7.app.ActionBarActivity;
import android.support.v7.app.ActionBar;
import android.support.v4.app.Fragment;
import android.app.Activity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.os.Build;

public class MainActivity extends Activity {

	private View mIvRot;
	private View mRlRot;
	private View vWrapper;//按钮组
	private boolean isShow;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		mIvRot = findViewById(R.id.iv_rot);//加号文件
		mRlRot = findViewById(R.id.rl_rot);//红色区域
		
		vWrapper = findViewById(R.id.composer_buttons_wrapper);//imagebutton组
		
		mRlRot.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				MyAnimation.getRotAnimation((RelativeLayout)mRlRot, 500);//加号旋转
				if(isShow){
					//显示
					MyAnimation.startAnimationOut((RelativeLayout)vWrapper, 500);//从红色区域imagebutton弹出
					isShow=false;
					
				}else{
					
					MyAnimation.startAnimationIn((RelativeLayout)vWrapper, 500);
					isShow=true;
				}
				
				
			}
		});
		
	}

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

	/**
	 * A placeholder fragment containing a simple view.
	 */
	public static class PlaceholderFragment extends Fragment {

		public PlaceholderFragment() {
		}

		@Override
		public View onCreateView(LayoutInflater inflater, ViewGroup container,
				Bundle savedInstanceState) {
			View rootView = inflater.inflate(R.layout.fragment_main, container,
					false);
			return rootView;
		}
	}

}

源码地址:

http://download.csdn.net/detail/pangzaifei/7311575

点击打开链接