Android九宫格手势密码代码设计

package org.demo.custon_view; 
 
import android.content.context; 
import android.graphics.bitmap; 
import android.graphics.bitmapfactory; 
import android.graphics.canvas; 
import android.graphics.matrix; 
import android.graphics.paint; 
import android.util.attributeset; 
import android.view.motionevent; 
import android.view.view; 
import android.widget.imageview; 
 
/** 
 * @title: squaredpassword.java 
 * @description: 九宫格密码 
 * @author lhz 
 * @date 2013年9月16日 下午3:48:10 
 * @version v1.0 copyright (c) 2013 company,inc. all rights reserved. 
 * 
 */ 
public class squaredpassword extends view { 
 imageview i; 
 private int length;// 九宫格密码是正方形所以只要知道边长就可以 
 private point[] points = new point[9];// 九宫格节点 
 private bitmap defualtpointmap = bitmapfactory.decoderesource(getresources(), r.drawable.locus_round_original);// 正常情况下点的位图 
 private int poitleght = defualtpointmap.getwidth();// 节点的边长；这里值考虑正方形状态 
 private bitmap selectpointmap = bitmapfactory.decoderesource(getresources(), r.drawable.locus_round_click);// 选中情况下点的位图 
 private point startpoint;// 起点 
 private point temppoint;// 临时存储上一个节点 
 private stringbuffer passwbuffer = new stringbuffer();// 保存轨迹顺序的密码 
 private bitmap linebitmap = bitmapfactory.decoderesource(getresources(), r.drawable.locus_line); 
 private int linebitmapheight = linebitmap.getheight(); 
 private double linebitmapwidth = linebitmap.getwidth(); 
 // 以下四个变量是为了绘制最后一个跟手指之间的连线 
 private int startx;// 移动起点x 
 private int starty;// 移动起点y 
 private int movex;// 正在移动的x 
 private int movey;// 正在移动的y 
 
 public squaredpassword(context context) { 
  super(context); 
 
 } 
 
 public squaredpassword(context context, attributeset attrs) { 
  super(context, attrs); 
 
 } 
 
 public squaredpassword(context context, attributeset attrs, int defstyle) { 
  super(context, attrs, defstyle); 
 
 } 
 
 @override 
 public boolean ontouchevent(motionevent event) { 
  boolean flag = true; 
  switch (event.getaction()) { 
  case motionevent.action_down: 
   passwbuffer.delete(0, passwbuffer.length()); 
   int x = (int) event.getx(); 
   int y = (int) event.gety(); 
   for (point point : points) { 
    if (point.isinmyarea(x, y)) { 
     point.setselected(true); 
     temppoint = startpoint = point; 
     startx = startpoint.getcenterx(); 
     starty = startpoint.getcentery(); 
     passwbuffer.append(startpoint.getid()); 
    } 
   } 
   invalidate(); 
   break; 
  case motionevent.action_move: 
   movex = (int) event.getx(); 
   movey = (int) event.gety(); 
   for (point point : points) { 
    if (point.isinmyarea(movex, movey) && !point.isselected()) { 
     temppoint.setnextid(point.getid()); 
     point.setselected(true); 
     temppoint = point; 
     startx = temppoint.getcenterx(); 
     starty = temppoint.getcentery(); 
     passwbuffer.append(temppoint.getid()); 
    } 
   } 
   invalidate(); 
   break; 
  case motionevent.action_up: 
   resetdata(); 
   startx = starty = movex = movey = 0; 
   invalidate(); 
   flag = false; 
   break; 
 
  default: 
   break; 
  } 
  return flag; 
 } 
 
 /** 
  * 回复各个点到初始状态 
  */ 
 private void resetdata() { 
  for (point point : points) { 
   point.setselected(false); 
   point.setnextid(point.getid()); 
  } 
 } 
 
 @override 
 protected void onmeasure(int widthmeasurespec, int heightmeasurespec) { 
  // todo auto-generated method stub 
  int width = getwidth() - getpaddingleft() - getpaddingright(); 
  int height = getheight() - getpaddingtop() - getpaddingbottom(); 
  length = (width < height ? width : height);// 获取边长 
  if(!(length>0)){ 
    
  } 
  system.out.println(length); 
  initpionts(points); 
  super.onmeasure(widthmeasurespec, heightmeasurespec); 
 } 
 
 @override 
 protected void ondraw(canvas canvas) { 
  // todo auto-generated method stub 
  if (movex != 0 && movey != 0 && startx != 0 && starty != 0) { 
   // 绘制当前活动的线段 
   drawline(startx, starty, movex, movey, canvas); 
  } 
  drawlinepoint(canvas); 
  super.ondraw(canvas); 
 } 
 
 /** 
  * 初始各节点 
  * 
  * @param pionts 
  */ 
 @suppresswarnings("null") 
 private void initpionts(point[] points) { 
  int spacing = (length - poitleght * 3) / 2; 
 
  if (points == null && points.length != 9) {// 只做九宫格的处理 
   return; 
  } else { 
   for (int i = 0; i < 9; i++) { 
    int row = i / 3;// 行数 
    int column = i % 3;// 列数；求整取余 
 
    int x = (poitleght + spacing) * column + getpaddingleft();// x坐标 
    int y = (poitleght + spacing) * row + getpaddingtop();// y坐标 
    point point = new point((i + 1), x, y, poitleght); 
    points[i] = point; 
   } 
  } 
 } 
 
 /** 
  * 绘制各节点以及被选择的个节点之间的连线轨迹 
  * 
  * @param canvas 
  */ 
 private void drawlinepoint(canvas canvas) { 
  if (startpoint != null) { 
   drawp2porbit(startpoint, canvas); 
  } 
  paint paint = null;// new paint(); 
  // 绘制每个点的图片 
  for (point point : points) { 
   if (point.isselected()) {// 绘制大圈 
    canvas.drawbitmap(selectpointmap, point.getx(), point.gety(), paint); 
   } else { 
    canvas.drawbitmap(defualtpointmap, point.getx(), point.gety(), paint); 
   } 
  } 
 } 
 
 /** 
  * 绘制点与点之间的轨迹 
  * 
  * @param canvas 
  */ 
 private void drawp2porbit(point point, canvas canvas) { 
  if (point.getid() != point.nextid) { 
   // canvas.concat(matrix); 
   point endpoint = null; 
   // 获取目标节点 
   for (point point3 : points) { 
    if (point3.getid() == point.getnextid()) { 
     endpoint = point3; 
     break; 
    } 
   } 
   if (endpoint != null) { 
    // 画线 
    drawline(point.getcenterx(), point.getcentery(), endpoint.getcenterx(), endpoint.getcentery(), canvas); 
    // 递归 
    drawp2porbit(endpoint, canvas); 
   } 
  } 
 } 
 
 /** 
  * 画连线 
  * 
  * @param startx 
  *   起点x 
  * @param starty 
  *   起点y 
  * @param stopx 
  *   终点x 
  * @param stopy 
  *   终点y 
  * @param canvas 
  */ 
 private void drawline(int startx, int starty, int stopx, int stopy, canvas canvas) { 
  paint paint = new paint(); 
  // 获得斜边长度 
  double hypotenuse = math.hypot((stopx - startx), (stopy - starty)); 
  // double side = stopx - startx;// 邻边 
  // double piangle = math.acos(side / hypotenuse);// pi角度 
  // float rotate = (float) (180 / math.pi * piangle);// 转换的角度 
  float rotate = getdegrees(startx, starty, stopx, stopy); 
  matrix matrix = new matrix(); 
  // matrix.postrotate(rotate);//不能用这个matritx 来选择角度只能用 让canvas懒选择 
    // 用matrix的话会引起图片所表示的线条不在中心点上 
    canvas.rotate(rotate, startx, starty); 
  matrix.pretranslate(0, 0); 
  matrix.setscale((float) (hypotenuse / linebitmapwidth), 1.0f); 
  matrix.posttranslate(startx, starty - linebitmapheight / 2.f); 
  canvas.drawbitmap(linebitmap, matrix, paint); 
  canvas.rotate(-rotate, startx, starty);//恢复 
  canvas.save(); 
 
//  paint paint1 = new paint(); 
//  paint1.setcolor(color.black); 
//  paint1.setstrokewidth(8);// 粗细 
//  paint1.setflags(paint.anti_alias_flag); 
//  canvas.drawline(startx, starty, stopx, stopy, paint1); 
 
 } 
 
 /** 
  * 获取角度 
  * 
  * @param startx 
  *   起点x 
  * @param starty 
  *   起点y 
  * @param stopx 
  *   终点x 
  * @param stopy 
  *   终点y 
  */ 
 private float getdegrees(int startx, int starty, int stopx, int stopy) { 
  // 获得斜边长度 
  double hypotenuse = math.hypot((stopx - startx), (stopy - starty)); 
  double side = stopx - startx;// 邻边 
  double piangle = math.acos(side / hypotenuse);// pi角度 
  float rotate = (float) (180 / math.pi * piangle);// 转换的角度（0--180); 
  if (stopy - starty < 0) {// 如果y愁小于0说明角度在第三或者第四像限 
   rotate = 360 - rotate; 
  } 
  return rotate; 
 } 
 
 /** 
  * 轨迹顺序密码 
  * 
  * @return 
  */ 
 public string getorbitstring() { 
  return (passwbuffer == null ? null : passwbuffer.tostring()); 
 } 
 
 /** 
  * 表示一个点 
  * 
  * @author lanhaizhong 
  * 
  */ 
 class point { 
 
  private int id;// 点的id 
  private int nextid;// 连向下一个借点的id 
  private int x;// 点的左上角x坐标 
  private int y;// 点的左上角的y坐标 
  private boolean isselected;// 该节点是否被选中 
  private int width;// 点的长度 这里只考虑正方形 
 
  public point() { 
   super(); 
   // todo auto-generated constructor stub 
  } 
 
  public int getid() { 
   return id; 
  } 
 
  public void setid(int id) { 
   this.id = id; 
  } 
 
  public int getnextid() { 
   return nextid; 
  } 
 
  public void setnextid(int nextid) { 
   this.nextid = nextid; 
  } 
 
  public int getx() { 
   return x; 
  } 
 
  public void setx(int x) { 
   this.x = x; 
  } 
 
  public int gety() { 
   return y; 
  } 
 
  public void sety(int y) { 
   this.y = y; 
  } 
 
  public boolean isselected() { 
   return isselected; 
  } 
 
  public void setselected(boolean isselected) { 
   this.isselected = isselected; 
  } 
 
  public int getwidth() { 
   return width; 
  } 
 
  public void setwidth(int width) { 
   this.width = width; 
  } 
 
  public point(int id, int x, int y, int width) { 
   super(); 
   this.id = id; 
   this.x = x; 
   this.y = y; 
   this.nextid = id; 
   this.isselected = false; 
   this.width = width; 
  } 
 
  public int getcenterx() { 
   return x + (width / 2); 
  } 
 
  private int getcentery() { 
   return y + (width / 2); 
  } 
 
  /** 
   * 判断某个坐标是否这个这个表示一个点的图形区域内 
   * 
   * @param x 
   * @param y 
   * @return 
   */ 
  public boolean isinmyarea(int x, int y) { 
 
   // return (this.x < x && x < (this.x + width)) && (this.y < y && y < 
   // (this.y + width)); 
   return ((this.getcenterx() - linebitmapwidth / 2) < x && x < (this.getcenterx() + linebitmapwidth / 2)) 
     && ((this.getcentery() - linebitmapwidth / 2) < y && y < (this.getcentery() + linebitmapwidth / 2)); 
  } 
 } 
}