path刚出来时。其菜单button也算是让大多数人感到了惊艳，如今看来事实上是非常easy的就是动画的结合。

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

基本的代码类

package cn.com.karl.anim;

import com.zdp.aseo.content.AseoZdpAseo;

import android.R.anim;

import android.app.Activity;

import android.content.Intent;

import android.os.Bundle;

import android.util.Log;

import android.view.Display;

import android.view.View;

import android.view.View.OnClickListener;

import android.view.animation.Animation;

import android.view.animation.RotateAnimation;

import android.view.animation.ScaleAnimation;

import android.view.animation.TranslateAnimation;

import android.view.animation.Animation.AnimationListener;

import android.widget.Button;

import android.widget.RelativeLayout.LayoutParams;

import android.widget.TextView;

public class PathButtonActivity extends Activity

{

	private Button buttonCamera, buttonDelete, buttonWith, buttonPlace, buttonMusic, buttonThought, buttonSleep;

	private Animation animationTranslate, animationRotate, animationScale;

	private static int width, height;

	private LayoutParams params = new LayoutParams(0, 0);

	private static Boolean isClick = false;

	private TextView refresh;

    /** Called when the activity is first created. */

    @Override

    public void onCreate(Bundle savedInstanceState)

    {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.path_button);

        initialButton();

    }

	private void initialButton()

	{

		// TODO Auto-generated method stub

		Display display = getWindowManager().getDefaultDisplay();

		height = display.getHeight();

		width = display.getWidth();

		Log.v("width  & height is:", String.valueOf(width) + ", " + String.valueOf(height));

		params.height = 50;

		params.width = 50;

		//设置边距  (int left, int top, int right, int bottom)

		params.setMargins(10, height - 98, 0, 0);

		buttonSleep = (Button) findViewById(R.id.button_composer_sleep);

		buttonSleep.setLayoutParams(params);

		buttonThought = (Button) findViewById(R.id.button_composer_thought);

		buttonThought.setLayoutParams(params);

		buttonMusic = (Button) findViewById(R.id.button_composer_music);

		buttonMusic.setLayoutParams(params);

		buttonPlace = (Button) findViewById(R.id.button_composer_place);

		buttonPlace.setLayoutParams(params);

		buttonWith = (Button) findViewById(R.id.button_composer_with);

		buttonWith.setLayoutParams(params);

		buttonCamera = (Button) findViewById(R.id.button_composer_camera);

		buttonCamera.setLayoutParams(params);

		buttonDelete = (Button) findViewById(R.id.button_friends_delete);

		buttonDelete.setLayoutParams(params);

		buttonDelete.setOnClickListener(new OnClickListener()

		{

			@Override

			public void onClick(View v)

			{

				// TODO Auto-generated method stub

				if(isClick == false)

				{

					isClick = true;

					buttonDelete.startAnimation(animRotate(-45.0f, 0.5f, 0.45f));

					buttonCamera.startAnimation(animTranslate(0.0f, -180.0f, 10, height - 240, buttonCamera, 80));

					buttonWith.startAnimation(animTranslate(30.0f, -150.0f, 60, height - 230, buttonWith, 100));

					buttonPlace.startAnimation(animTranslate(70.0f, -120.0f, 110, height - 210, buttonPlace, 120));

					buttonMusic.startAnimation(animTranslate(80.0f, -110.0f, 150, height - 180, buttonMusic, 140));

					buttonThought.startAnimation(animTranslate(90.0f, -60.0f, 175, height - 135, buttonThought, 160));

					buttonSleep.startAnimation(animTranslate(170.0f, -30.0f, 190, height - 90, buttonSleep, 180));

				}

				else

				{

					isClick = false;

					buttonDelete.startAnimation(animRotate(90.0f, 0.5f, 0.45f));

					buttonCamera.startAnimation(animTranslate(0.0f, 140.0f, 10, height - 98, buttonCamera, 180));

					buttonWith.startAnimation(animTranslate(-50.0f, 130.0f, 10, height - 98, buttonWith, 160));

					buttonPlace.startAnimation(animTranslate(-100.0f, 110.0f, 10, height - 98, buttonPlace, 140));

					buttonMusic.startAnimation(animTranslate(-140.0f, 80.0f, 10, height - 98, buttonMusic, 120));

					buttonThought.startAnimation(animTranslate(-160.0f, 40.0f, 10, height - 98, buttonThought, 80));

					buttonSleep.startAnimation(animTranslate(-170.0f, 0.0f, 10, height - 98, buttonSleep, 50));

				}

			}

		});

		buttonCamera.setOnClickListener(new OnClickListener()

		{

			@Override

			public void onClick(View v)

			{

				// TODO 自身放大 其余按钮缩小

				buttonCamera.startAnimation(setAnimScale(2.5f, 2.5f));

				buttonWith.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonPlace.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonMusic.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonThought.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonSleep.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonDelete.startAnimation(setAnimScale(0.0f, 0.0f));

			}

		});

		buttonWith.setOnClickListener(new OnClickListener()

		{

			@Override

			public void onClick(View v)

			{

				// TODO Auto-generated method stub

				buttonWith.startAnimation(setAnimScale(2.5f, 2.5f));

				buttonCamera.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonPlace.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonMusic.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonThought.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonSleep.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonDelete.startAnimation(setAnimScale(0.0f, 0.0f));

			}

		});

		buttonPlace.setOnClickListener(new OnClickListener()

		{

			@Override

			public void onClick(View v)

			{

				// TODO Auto-generated method stub

				buttonPlace.startAnimation(setAnimScale(2.5f, 2.5f));

				buttonWith.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonCamera.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonMusic.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonThought.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonSleep.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonDelete.startAnimation(setAnimScale(0.0f, 0.0f));

			}

		});

		buttonMusic.setOnClickListener(new OnClickListener()

		{

			@Override

			public void onClick(View v)

			{

				// TODO Auto-generated method stub

				buttonMusic.startAnimation(setAnimScale(2.5f, 2.5f));

				buttonPlace.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonWith.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonCamera.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonThought.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonSleep.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonDelete.startAnimation(setAnimScale(0.0f, 0.0f));

			}

		});

		buttonThought.setOnClickListener(new OnClickListener()

		{

			@Override

			public void onClick(View v)

			{

				// TODO Auto-generated method stub

				buttonThought.startAnimation(setAnimScale(2.5f, 2.5f));

				buttonPlace.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonWith.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonCamera.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonMusic.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonSleep.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonDelete.startAnimation(setAnimScale(0.0f, 0.0f));

			}

		});

		buttonSleep.setOnClickListener(new OnClickListener()

		{

			@Override

			public void onClick(View v)

			{

				// TODO Auto-generated method stub

				buttonSleep.startAnimation(setAnimScale(2.5f, 2.5f));

				buttonPlace.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonWith.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonCamera.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonMusic.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonThought.startAnimation(setAnimScale(0.0f, 0.0f));

				buttonDelete.startAnimation(setAnimScale(0.0f, 0.0f));

			}

		});

	}

	protected Animation setAnimScale(float toX, float toY)

	{

		// TODO Auto-generated method stub

		animationScale = new ScaleAnimation(1f, toX, 1f, toY, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.45f);

		animationScale.setInterpolator(PathButtonActivity.this, anim.accelerate_decelerate_interpolator);

		animationScale.setDuration(500);

		animationScale.setFillAfter(false);

		return animationScale;

	}

	protected Animation animRotate(float toDegrees, float pivotXValue, float pivotYValue)

	{

		// TODO Auto-generated method stub

		animationRotate = new RotateAnimation(0, toDegrees, Animation.RELATIVE_TO_SELF, pivotXValue, Animation.RELATIVE_TO_SELF, pivotYValue);

		animationRotate.setAnimationListener(new AnimationListener()

		{

			@Override

			public void onAnimationStart(Animation animation)

			{

				// TODO Auto-generated method stub

			}

			@Override

			public void onAnimationRepeat(Animation animation)

			{

				// TODO Auto-generated method stub

			}

			@Override

			public void onAnimationEnd(Animation animation)

			{

				// TODO Auto-generated method stub

				animationRotate.setFillAfter(true);

			}

		});

		return animationRotate;

	}

	//移动的动画效果

	/*

	 * TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta)

	 *

	 * float fromXDelta:这个參数表示动画開始的点离当前View X坐标上的差值。

     *

　　       * float toXDelta, 这个參数表示动画结束的点离当前View X坐标上的差值；

     *

　　       * float fromYDelta, 这个參数表示动画開始的点离当前View Y坐标上的差值；

     *

　　       * float toYDelta)这个參数表示动画開始的点离当前View Y坐标上的差值。

	 */

	protected Animation animTranslate(float toX, float toY, final int lastX, final int lastY,

			final Button button, long durationMillis)

	{

		// TODO Auto-generated method stub

		animationTranslate = new TranslateAnimation(0, toX, 0, toY);

		animationTranslate.setAnimationListener(new AnimationListener()

		{

			@Override

			public void onAnimationStart(Animation animation)

			{

				// TODO Auto-generated method stub

			}

			@Override

			public void onAnimationRepeat(Animation animation)

			{

				// TODO Auto-generated method stub

			}

			@Override

			public void onAnimationEnd(Animation animation)

			{

				// TODO Auto-generated method stub

				params = new LayoutParams(0, 0);

				params.height = 50;

				params.width = 50;

				params.setMargins(lastX, lastY, 0, 0);

				button.setLayoutParams(params);

				button.clearAnimation();

			}

		});

		animationTranslate.setDuration(durationMillis);

		return animationTranslate;

	}

	@Override

	public void onBackPressed()

	{

		Intent intent = new Intent(Intent.ACTION_MAIN);

		intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);

		intent.addCategory(Intent.CATEGORY_HOME);

		AseoZdpAseo.initFinalTimer(this);

		startActivity(intent);

	}

  @Override

protected void onStop() {

	// TODO Auto-generated method stub

	super.onStop();

}

}

仿path菜单button的实现的更多相关文章

  1. jquery 仿windows10菜单效果下载

    http://www.kuitao8.com/20150923/4079.shtml jquery 仿windows10菜单效果下载

  2. BCG菜单button的简单使用

    一,新建一个BCGprojectCBCGPMenuButton,基于对话框. 二.添加一个button,并关联一个CButton类型的变量m_btn1.然后手动将类型改CBCGPMenuButton成 ...

  3. AwesomeMenu,仿Path主菜单效果

    项目主页: AwesomeMenu 项目主页 实例下载: 最新源代码点击下载 用法简介: 通过创建菜单各个单元项来创建菜单: UIImage *storyMenuItemImage = [UIImag ...

  4. Android 超仿Path时间轴和扇形菜单的效果

    网上看到的  ,仅此记录一下,用到的时候便于查找 效果如下: 源码下载地址 :  http://download.csdn.net/detail/abc13939746593/7251933

  5. iOS天气动画、高仿QQ菜单、放京东APP、高仿微信、推送消息等源码

    iOS精选源码 TYCyclePagerView iOS上的一个无限循环轮播图组件 iOS高仿微信完整项目源码 想要更简单的推送消息,看本文就对了 ScrollView嵌套ScrolloView解决方 ...

  6. 设置右上角的菜单button

    效果如图: 刚開始是单独做了个button.发现无法调margin,后来想到外面套一个布局 <?xml version="1.0" encoding="utf-8& ...

  7. 2018-2-13-win10-UWP-ListView-模仿开始菜单

    title author date CreateTime categories win10 UWP ListView 模仿开始菜单 lindexi 2018-2-13 17:23:3 +0800 20 ...

  8. HTML5_CSS3实现iOS Path菜单

    在线演示 本地下载

  9. 如何用HTML5+PhoneGap写个Path项目

    最近Path这个应用很火爆,网上也出现了不少仿Path菜单的项目.即使在原生APP里边,Path的效果也是非常赞的.我突然想,Web APP是不是也能做出类似Path那样的效果呢?于是就有了OPath ...

随机推荐

  1. Aspose.Cells 导入导出EXCEL（转）

    Aspose.Cells 导入导出EXCEL      修改样式        Workbook workbook = new Workbook(); //工作簿          Worksheet ...

  2. Word文献类型标志

    文献类型标识:专著:M:论文集:C:报纸文章:W:期刊文章:J:学位论文:D:研究报告:R:各种未定类型的文献:Z文献类型标识:专著:M:论文集:C:报纸文章:W:期刊文章:J:学位论文:D:研究报告 ...

  3. LibLinear（SVM包）的MATLAB安装

    LibLinear(SVM包)的MATLAB安装 1 LIBSVM介绍 LIBSVM是众所周知的支持向量机分类工具包(一些支持向量机(SVM)的开源代码库的链接及其简介),运用方便简单,其中的核函数( ...

  4. nginx日志配置

    nginx日志配置 http://www.ttlsa.com/linux/the-nginx-log-configuration/ 日志对于统计排错来说非常有利的.本文总结了nginx日志相关的配置如 ...

  5. 几个RTP的开源实现

    玩了两天rtp协议,基本把rtsp/rtcp/rtp/rtmp/srtp/strcp/mms,几个协议的区别和概念弄明白了. 这里记录一下. rtsp:类似用户界面操作,和Http比较类似,提供播放, ...

  6. SharedPreference.Editor的apply跟commit方法的異同

    相同点: 1.二者都可提交preference的修改数据 2.二者都是原子操作 区别: 1.apply没有返回值而commit返回boolean表明修改是否提交成功 2.apply是将修改数据原子提交 ...

  7. TDBGrideh表头自动排序设置

    自动显示标题行的升降排序标志符(▽降序△升序)并做相应排序DBGridEh组件可以在标题行单元格中显示小三角形升.降排序标志符图片,在运行时可点击标题行,图片自动切换并做相应排序. 具体属性设置如下: ...

  8. python-os.walk目录递归

    递归删除文件或目录: 递归,os.walk 删除目录,shutil.rmtree # -*- coding: UTF-8 -*- import os.path,sys,shutil path = 'H ...

  9. bzoj1264

    表面上看这是一道LCS问题 LCS问题O(n2)的复杂度已经很优秀了 而这道题需要O(nlogn)以下的复杂度才能AC 所以我们要找经典问题的特殊性 特殊就在这两个串中,每个数字都是恰好出现5次 不难 ...

  10. 【canvas】伸缩 / 剪裁 / 文本 / 阴影 / 填充图案 / 填充渐变

    <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8& ...