更新PathMenu代码

wade-mobile-ui/src/com/wade/mobile/ui/comp/menu/PathMenu.java

@@ -16,20 +16,19 @@ import android.view.animation.Animation.AnimationListener;
import android.widget.Button;
import android.widget.RelativeLayout;
import com.wade.mobile.ui.anim.AnimationTool;
public class PathMenu extends RelativeLayout{
	private Window window;
	private int leftMargin, bottomMargin;						//左边距和底边距
	private int contentTopHeight;								//屏幕状态栏宽高
	private int buttonRadius; 									//图片按钮半径
	private int buttonDiameter; 								//图片按钮直径
	private int radius; 										//扇形菜单半径
	private int originalRadius; 								//原始菜单半径
	private int timeSpent = 300; 								//最长动画耗时
	private int alpha = 127;									//透明度 0-255
	private double circle = Math.PI;							//扇形菜单占据一圈的比例,0~1 		
	/*
	private int intervalTimeSpent;                             	//菜单按钮之间的时间间隔
	*/
	
	//private int intervalTimeSpent;                            //菜单按钮之间的时间间隔
	
	private Button[] buttons;									//Path菜单按钮引用
	private int[] drawables;									//菜单子按钮的图片
	private int menuDrawable;									//菜单按钮的图片
@@ -46,6 +45,13 @@ public class PathMenu extends RelativeLayout{
	
	private Map<String,Animation> animCache;					//动画缓存
	
	private Position position;										//pathmenu位置
	private boolean isLeft,isRight,isUp,isBottom;				//是否停边
	
	int screenWidth,screenHeight;
	
	private long touchStartTime;		
	
	/**click事件*/
	View.OnClickListener clickListener=new View.OnClickListener(){
		public void onClick(View v) {
@@ -72,31 +78,48 @@ public class PathMenu extends RelativeLayout{
			int btnHeight = menuBtn.getHeight();
			switch (event.getAction()) {
			case MotionEvent.ACTION_DOWN:
				touchStartTime = System.currentTimeMillis();
				focusView(menuBtn);//获取焦点
				menuBtnX = menuBtn.getLeft();
				menuBtnY = menuBtn.getBottom();
				break;
			case MotionEvent.ACTION_MOVE:
				if(isCanDrag){
					int x_move = (int) event.getRawX();
					int y_move = (int) event.getRawY();
					
					/*滑动到一定程度时候才出发拖拽*/
					if(!isDrag&&((Math.abs(menuBtnX+btnWidth/2-x_move)>buttonRadius)
							||(Math.abs(menuBtnY+contentTopHeight-btnHeight/2-y_move)>buttonRadius))){
						isDrag = true;
					}
					
					if(isDrag){
						int top = y_move - btnHeight / 2 - contentTopHeight;
						int bottom = y_move + btnHeight / 2 - contentTopHeight;
						/*防止越界top,标题栏+状态栏*/
						if(y_move<contentTopHeight){
							top = -btnHeight / 2;
							bottom = btnHeight / 2;
				if(500 <= System.currentTimeMillis() - touchStartTime){ //当执行触摸时间大于0.5秒时，才执行移动；避免因屏幕敏感导致点击变成滑动事件
					if(isCanDrag){
						int x_move = (int) event.getRawX();
						int y_move = (int) event.getRawY();
						/*滑动到一定程度时候才出发拖拽*/
						if(!isDrag&&((Math.abs(menuBtnX+btnWidth/2-x_move)>(buttonDiameter/8))
								||(Math.abs(menuBtnY+contentTopHeight-btnHeight/2-y_move)>(buttonDiameter/8)))){
							isDrag = true;
						}
						
						if(isDrag){
							int top = y_move - btnHeight / 2 - contentTopHeight;
							int bottom = y_move + btnHeight / 2 - contentTopHeight;
							int left = x_move -  btnWidth / 2;
							int right = x_move + btnWidth / 2;
							/*防止越界top,标题栏+状态栏*/
							if(y_move<contentTopHeight + btnHeight/2){
								top = 0;
								bottom = btnHeight;
							}
							/*防止越界bottom*/
							if(screenHeight - y_move - btnHeight/2<= 0){
								top = screenHeight - contentTopHeight - btnHeight;
								bottom = screenHeight - contentTopHeight ;
							}
							if(x_move <= btnWidth/2){
								left = 0;
								right = btnWidth;
							}
							if(x_move >= screenWidth - btnWidth/2){
								left = screenWidth - btnWidth;
								right = screenWidth;
							}
							menuBtn.layout(left , top, right, bottom);
							menuBtn.postInvalidate();
						}
						menuBtn.layout(x_move - btnWidth / 2, top, x_move + btnWidth / 2, bottom);
						menuBtn.postInvalidate();
					}
				}
				break;
@@ -119,9 +142,35 @@ public class PathMenu extends RelativeLayout{
					isDrag = false;
				}else{
					if(isOpen()){
						PathMenu.this.shutMenu();
						PathMenu.this.shutMenu(position);
					}else{
						PathMenu.this.openMenu();
						//判断靠边类型
						int x_up = menuBtn.getLeft();
						int y_up = menuBtn.getBottom();
						
						 /*根据离屏幕边框的距离判断菜单展开形状*/
						if (x_up + buttonDiameter/2 < originalRadius) {//x=0是指圆形按钮的最左边，而否中心
							isLeft = true;
						} else {
							isLeft = false;
						}
						if (screenWidth - x_up - buttonDiameter/2 < originalRadius) {
							isRight = true;
						} else {
							isRight = false;
						}
						if (y_up - buttonDiameter/2 - contentTopHeight< originalRadius) {
							isUp = true;
						} else {
							isUp = false;
						}
						if (screenHeight - y_up - buttonDiameter/2 < originalRadius) {
							isBottom = true;
						} else {
							isBottom = false;
						}
						position = getPosition(isLeft, isRight, isUp, isBottom);
						PathMenu.this.openMenu(position);
					}
				}
				break;
@@ -148,9 +197,9 @@ public class PathMenu extends RelativeLayout{
	}
	
	/*********************设置属性 start*************************/
	public PathMenu setButtonRadius(int buttonRadius){
		if(this.buttonRadius<=0){
			this.buttonRadius = buttonRadius;
	public PathMenu setButtonDiameter(int buttonDiameter){
		if(this.buttonDiameter<=0){
			this.buttonDiameter = buttonDiameter;
		}
		return this;
	}
@@ -158,6 +207,7 @@ public class PathMenu extends RelativeLayout{
	public PathMenu setRadius(int radius){
		if(this.radius<=0){
			this.radius = radius;
			this.originalRadius = radius;
		}
		return this;
	}
@@ -178,7 +228,11 @@ public class PathMenu extends RelativeLayout{
		if(circle>1)
			circle = 1;
		this.circle = 2*Math.PI*circle;
		this.angle=(float)this.circle/(buttons.length-1);
		if(circle == 1){			
			this.angle=(float)this.circle/(buttons.length);
		}else {
			this.angle=(float)this.circle/(buttons.length - 1);
		}
		return this;
	}
	
@@ -210,7 +264,7 @@ public class PathMenu extends RelativeLayout{
	    menuBtn.setBackgroundDrawable(resources.getDrawable(menuDrawable));  
	    this.addView(menuBtn);
	    
	    angle=(float)circle/(buttons.length-1);
//	    angle=(float)circle/(buttons.length-1);
	    
	    setVisibility(View.INVISIBLE);
	}
@@ -225,18 +279,19 @@ public class PathMenu extends RelativeLayout{
		/*初始化默认值*/
		DisplayMetrics dm = new DisplayMetrics();                   		
        window.getWindowManager().getDefaultDisplay().getMetrics(dm);       //取得窗口属性  
        int screenWidth = (int)dm.widthPixels;                        		//窗口的宽度   
        screenWidth = (int)dm.widthPixels;                        		//窗口的宽度   
        screenHeight = (int)dm.heightPixels;
		
        /*计算标题栏和状态栏的高度*/
        if(this.contentTopHeight<=0){
        	this.contentTopHeight = window.findViewById(Window.ID_ANDROID_CONTENT).getTop();
        }
        
    	setButtonRadius(screenWidth / 8);
    	setRadius(this.buttonRadius * 2);
        setButtonDiameter(screenWidth / 8);
    	setRadius(this.buttonDiameter * 2);
		
		leftMargin = xposition - buttonRadius/2;
		bottomMargin = yposition - buttonRadius - contentTopHeight;
		leftMargin = xposition - buttonDiameter/2;
		bottomMargin = yposition - buttonDiameter - contentTopHeight;
		
		/*触发点越界时候的情况*/
		/*if(leftMargin + radius + buttonWidth > spacingWidth){
@@ -249,8 +304,8 @@ public class PathMenu extends RelativeLayout{
		/*设置所有按钮的位置*/
		RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,
				ViewGroup.LayoutParams.WRAP_CONTENT);
		params.height = buttonRadius;
		params.width =  buttonRadius;											
		params.height = buttonDiameter;
		params.width =  buttonDiameter;											
		params.setMargins(leftMargin, bottomMargin, 0, 0);
		
		for (int i = 0; i < buttons.length; i++) {
@@ -288,13 +343,19 @@ public class PathMenu extends RelativeLayout{
		isOpen = true;
	}
	
	public void openMenu() {
	public void openMenu(Position position) {
//		if(position != 0 && position % 2 == 0){//当position为扇形，打开时初始半径变大1.5倍；
//			radius *= 1.5;
//		}
		
		int toX,toY;
		for(int i=0;i<buttons.length;i++){
			buttons[i].setVisibility(View.VISIBLE);
			
			toX=(int)(radius*Math.sin(i*angle-Math.PI/2));
			toY=(int)(radius*Math.cos(i*angle-Math.PI/2));
//			toX=(int)(radius*Math.sin(i*angle));
//			toY=(int)(radius*Math.cos(i*angle));
			toX = computOffset(position, i)[0];
			toY = computOffset(position, i)[1];
			
			Animation animation = animOpen(toX, -toY, timeSpent/*+i*intervalTimeSpent*/);
			/*animation.setFillAfter(true);*/ //达不到既定的效果
@@ -309,15 +370,29 @@ public class PathMenu extends RelativeLayout{
	/**
	 * 关闭菜单
	 */
	public void shutMenu(){
	/**
	 * @param position
	 */
	/**
	 * @param position
	 */
	public void shutMenu(Position position){
		float toX, toY;
		for (int i = 0; i < buttons.length; i++) {
			toX=(float)(radius*Math.sin(i*angle-Math.PI/2));
			toY=(float)(radius*Math.cos(i*angle-Math.PI/2));
//			toX=(float)(radius*Math.sin(i*angle - Math.PI));
//			toY=(float)(radius*Math.cos(i*angle - Math.PI));
			
			toX = computOffset(position, i)[0];
			toY = computOffset(position, i)[1];
			
			buttons[i].startAnimation(animShut(buttons[i], -toX, toY, timeSpent));//点击按钮变大
		}
		isOpen = false;
		isCanDrag = true;
		
//		if(position != 0 && position % 2 == 0){//当position为扇形，关闭时恢复初始半径；
//			radius /= 1.5;
//		}
	}
	
	/************************动画效果实现start***************************/
@@ -363,7 +438,7 @@ public class PathMenu extends RelativeLayout{
	public void reset(){
		/*解决Home出去时的BUG*/
		if(this.isOpen){
			shutMenu();
			shutMenu(position);
		}
		this.isOpen = false;
		this.isCanDrag = true;
@@ -402,7 +477,7 @@ public class PathMenu extends RelativeLayout{
			button.clearAnimation();
			
			/*1.设置button,解决跨线程调用,Handle的实现在ViewRoot中,触发invalidate()*/
			button.layout(left, bottom,left+buttonRadius, bottom+buttonRadius);
			button.layout(left, bottom,left+buttonDiameter, bottom+buttonDiameter);
			button.postInvalidate();
			/*2.最原始的方式设置button*/
			/*RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,
@@ -428,4 +503,128 @@ public class PathMenu extends RelativeLayout{
	public void setOnButtonClickListener(OnButtonClickListener onButtonClickListener){
		this.onButtonClickListener = onButtonClickListener;
	}
}
	
	/********展开形状判定**********/
	public static enum Position {
		CENTER(0),				//中心正圆
	    TOP_CENTER(1),			//上中半圆
	    TOP_RIGHT(2),			//上右扇形
	    RIGHT_CENTER(3),		//右中半圆
	    BOTTOM_RIGHT(4),		//底右扇形
	    BOTTOM_CENTER(5),		//底中半圆
	    BOTTOM_LEFT(6),			//底左扇形
	    LEFT_CENTER(7),			//左中半圆
	    TOP_LEFT(8);			//上左扇形
	    
		private int position;
		private Position(int position) {
			this.position = position;
		}
		public int getPosition() {
			return this.position;
		}
	}
	
	/**
	 * 通过距离动态判断停靠位置
	 * @param isLeft
	 * @param isRight
	 * @param isUp
	 * @param isBottom
	 * @return
	 */
	private Position getPosition(boolean isLeft,boolean isRight,boolean isUp,boolean isBottom){
		if (isBottom) {
			if(isRight){
				return Position.BOTTOM_RIGHT;
			}else if (isLeft) {
				return Position.BOTTOM_LEFT;
			}else{
				return Position.BOTTOM_CENTER;
			}
		}else if (isUp) {
			if(isRight){
				return Position.TOP_RIGHT;
			}else if (isLeft) {
				return Position.TOP_LEFT;
			}else{
				return Position.TOP_CENTER;
			}
		}else if (isRight) {
			return Position.RIGHT_CENTER;
		}else if (isLeft) {
			return Position.LEFT_CENTER;
		}else{
			return Position.CENTER;
		}
	}
	/**
	 * 偏移量计算
	 */
	private int[] computOffset(Position position,int i){
		int toX = 0,toY =0 ;
		radius = buttonDiameter * 2;
		if(position.getPosition() != 0 && position.getPosition() % 2 == 0){//当position为扇形，打开时初始半径变大1.5倍；
			radius *= 1.5;
		}
		switch (position) {
		case CENTER:
			setCircle(1);
			toX =(int)(radius*Math.sin(i*angle));
			toY =(int)(radius*Math.cos(i*angle));
			break;
		case TOP_CENTER:
			setCircle(0.5f);
			toX = (int)(radius*Math.sin(i*angle + Math.PI/2));
			toY = (int)(radius*Math.cos(i*angle + Math.PI/2));
			break;
		case TOP_RIGHT:
			setCircle(0.25f);
			toX = (int)(radius*Math.sin(i*angle + Math.PI));
			toY = (int)(radius*Math.cos(i*angle + Math.PI));
			break;
		case RIGHT_CENTER:
			setCircle(0.5f);
			toX = (int)(radius*Math.sin(i*angle + Math.PI));
			toY = (int)(radius*Math.cos(i*angle + Math.PI));
			break;
		case BOTTOM_RIGHT:
			setCircle(0.25f);
			toX = (int)(radius*Math.sin(i*angle - Math.PI/2));
			toY = (int)(radius*Math.cos(i*angle - Math.PI/2));
			break;
		case BOTTOM_CENTER:
			setCircle(0.5f);
			toX = (int)(radius*Math.sin(i*angle - Math.PI/2));
			toY = (int)(radius*Math.cos(i*angle - Math.PI/2));
			break;
		case BOTTOM_LEFT:
			setCircle(0.25f);
			toX = (int)(radius*Math.sin(i*angle));
			toY = (int)(radius*Math.cos(i*angle));
			break;
		case LEFT_CENTER:
			setCircle(0.5f);
			toX = (int)(radius*Math.sin(i*angle));
			toY = (int)(radius*Math.cos(i*angle));
			break;
		case TOP_LEFT:
			setCircle(0.25f);
			toX = (int)(radius*Math.sin(i*angle + Math.PI/2));
			toY = (int)(radius*Math.cos(i*angle + Math.PI/2));
			break;
		default:
			break;
		}
		int [] xy = {toX,toY};
		return xy;
	}
	
	public PathMenu setPosition(Position position){
		this.position = position;
		return this;
	}
	
}