九宫格手势密码案例

miaowei

浏览: 429398 次
性别:
来自: 北京

最近访客更多访客>>

apple666_wang

wangnaian

leo_luck

cc_liyb

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

android

android 手势密码九宫格

九宫格手势密码案例

九宫格手势密码使用自定View实现，例：

package com.example.getturepwdline;

import com.example.util.CommonUtil;

import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.content.SharedPreferences;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Paint.Cap;
import android.graphics.Typeface;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

/**
* 自定义控件实现手势密码的九宫格
* @author zhouchaoxin
*
*/
public class PointNineView extends View{

/**
* 线画笔
*/
Paint linePaint = new Paint();
/**
* 白色线画笔
*/
Paint whiteLinePaint = new Paint();
/**
* 文字画笔
*/
Paint textPaint = new Paint();

Bitmap defaultBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.lock);

int defaultBitmapRadius = defaultBitmap.getWidth() / 2;

Bitmap selectedBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.indicator_lock_area);
/**
* 选择位图直径
*/
int selectedBitmapDiameter = selectedBitmap.getWidth();
/**
* 选择位图半径
*/
int selectedBitmapRadius = selectedBitmapDiameter / 2;

/**
* 自定义9个点
*/
PointInfo[] points = new PointInfo[9];
/**
* 开始点
*/
PointInfo startPoint = null;
/**
* 宽，高
*/
int width,height;
/**
* 移动的X,Y位置
*/
int moveX,moveY;

/**
* 开始X,Y的位置
*/
private int startX = 0,startY = 0;
/**
*
* 是否抬起
*
*/
boolean isUP = false;

Context cxt;

StringBuffer lockString = new StringBuffer();

/**
* 构造函数
* @param context
*/
public PointNineView(Context context) {
  super(context);

  cxt = context;

  initPaint();
}
/**
* 构造函数
* @param context
*/
public PointNineView(Context context,AttributeSet attrs) {
  super(context, attrs);

  initPaint();
}
/**
* 构造函数
* @param context
*/
public PointNineView(Context context, AttributeSet attrs, int defStyle) {
  super(context, attrs, defStyle);
  initPaint();
}

/**
* 来确定子view的大小尺寸
*/
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {



  width = getWidth();

  height = getHeight();
  if (width !=0 && height != 0) {
   //初始化一个九宫格
   initPoints(points);
  }

  super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
/**
* 来确定子view的位置
*/
@Override
protected void onLayout(boolean changed, int left, int top, int right,
   int bottom) {

  super.onLayout(changed, left, top, right, bottom);
}
/**
* 重写onDraw
*/
@Override
protected void onDraw(Canvas canvas) {


  if (moveX != 0 && moveY != 0 && startX != 0 && startY != 0) {

  }
  drawNinePoint(canvas);
  super.onDraw(canvas);
}
/**
* 屏幕触摸事件
*/
@Override
public boolean onTouchEvent(MotionEvent event) {
  boolean flag = true;
  if (isUP) {

   finishDraw();
   flag= false;
  }
  else{

   handlingEvent(event);
   flag = true;
  }
  return flag;
}
/**
* 事件处理
* @param event 事件类型
*/
private void handlingEvent(MotionEvent event){
  //MotionEven手势事件
  switch (event.getAction()) {
  case MotionEvent.ACTION_MOVE: //移动事件
   moveX = (int)event.getX();
   moveY = (int)event.getY();
   for (PointInfo temp: points) {

    if (temp.isInMyPlace(moveX, moveY) && temp.isSelected() == false) {

     temp.setSelected(true);

     startX = temp.getCenterX();

     startY = temp.getCenterY();

     int len = lockString.length();

     if (len != 0) {

      char charTemp = lockString.charAt(len - 1);
      int preId = charTemp - 48;

      points[preId].setNextId(temp.getId());
     }

     lockString.append(temp.getId());

     break;
    }
   }

   //刷新View ,左、上、右、下
   invalidate(0,height - width,width,height);
   break;
   //按下事件
  case MotionEvent.ACTION_DOWN:
   int downX = (int) event.getX();

   int downY = (int) event.getY();

   for (PointInfo temp : points) {

if (temp.isInMyPlace(downX, downY)) {

temp.setSelected(true);

startPoint = temp;

startX = temp.getCenterX();

startY = temp.getCenterY();

lockString.append(temp.getId());

     break;
    }
   }

   invalidate(0, height - width, width, height);
   break;
   //抬起事件
  case MotionEvent.ACTION_UP:
   startX = startY = moveX = moveY = 0;

   isUP = true;

   invalidate();
   savePwd();
   break;
  default:
   break;
  }
}

/**
* 结束在view上的画画操作
*/
private void finishDraw(){
  for (PointInfo temp : points) {

   temp.setSelected(false);
   temp.setNextId(temp.getId());
  }

  lockString.delete(0, lockString.length());

  isUP = false;

  invalidate();

}
/**
* 初始化点
* @param points
*/
private void initPoints(PointInfo[] points){

  int len = points.length;

  int seletedSpacing = (width - selectedBitmapDiameter * 3) / 4;

  int seletedX = seletedSpacing;

  int seletedY = height - width + seletedSpacing;

  int defaultX = seletedX + selectedBitmapRadius - defaultBitmapRadius;

  int defaultY = seletedY + selectedBitmapRadius - defaultBitmapRadius;

  for (int i = 0; i < len; i++) {

   if (i == 3 || i == 6) {

    seletedX = seletedSpacing;

seletedY += selectedBitmapDiameter + seletedSpacing;

defaultX = seletedX + selectedBitmapRadius
- defaultBitmapRadius;

    defaultY += selectedBitmapDiameter + seletedSpacing;
   }

   points[i] = new PointInfo(i, defaultX, defaultY, seletedX, seletedY);

seletedX += selectedBitmapDiameter + seletedSpacing;

   defaultX += selectedBitmapDiameter + seletedSpacing;
  }
}
/**
* 初始化画笔
*/
private void initPaint(){

  initLinePaint(linePaint);

  initTextPaint(textPaint);

  initWhiteLinePaint(whiteLinePaint);
}

/**
*
* @param paint
*/
private void initLinePaint(Paint paint){

  paint.setColor(Color.GRAY);
  //设置两个点之间的线的背景的宽度
  paint.setStrokeWidth(30);

  paint.setAntiAlias(true);
  //画笔笔刷类型
  paint.setStrokeCap(Cap.ROUND);
  //防拌动
  //paint.setDither(true);
}
/**
*
* @param paint
*/
private void initTextPaint(Paint paint){

  paint.setTextSize(30);;
  paint.setAntiAlias(true);



  /**
   * Typeface.DEFAULT：默认字体。

Typeface.DEFAULT_BOLD：加粗字体。

Typeface.MONOSPACE：monospace字体。

Typeface.SANS_SERIF：sans字体。

   Typeface.SERIF：serif字体
   */
  //设置字体样式，monospace字体
  paint.setTypeface(Typeface.MONOSPACE);
}
/**
*
* @param paint
*/
private void initWhiteLinePaint(Paint paint){

  paint.setColor(Color.WHITE);

paint.setStrokeWidth(20);//设置两个点之间的线的宽度

paint.setAntiAlias(true);

  paint.setStrokeCap(Cap.ROUND);
}
/**
* 画9个点
* @param canvas
*/
private void drawNinePoint(Canvas canvas){

  if (startPoint != null) {

   drawEachLine(canvas, startPoint);
  }

  for (PointInfo pointInfo : points) {

   if (pointInfo != null) {

    if (pointInfo.isSelected()) {

     canvas.drawBitmap(selectedBitmap, pointInfo.getSeletedX(),pointInfo.getSeletedY(), null);

    }

    canvas.drawBitmap(defaultBitmap, pointInfo.getDefaultX(), pointInfo.getDefaultY(),null);
   }
  }
}
/**
* 递归画出每个点
* @param canvas
* @param point
*/
private void drawEachLine(Canvas canvas, PointInfo point) {

  if (point.hasNextId()) {

   int n = point.getNextId();

   drawLine(canvas,point.getCenterX(),point.getCenterY(),points[n].getCenterX(),points[n].getCenterY());

   drawEachLine(canvas, points[n]);
  }
}
/**
* 开始画线
* @param canvas 画布
* @param startX 开始X位置
* @param startY 开支Y位置
* @param stopX 停止X位置
* @param stopY 停止Y位置
*/
private void drawLine(Canvas canvas,float startX,float startY,float stopX,float stopY){


  canvas.drawLine(startX, startY, stopX, stopY, linePaint);

  canvas.drawLine(startX, startY, stopX, stopY, whiteLinePaint);

}
/**
* 内部类,点
* @author zhouchaoxin
*
*/
private class PointInfo{
  /**
   * 序号
   */
  private int id;
  /**
   * 下一个ID序号
   */
  private int nextId;
  /**
   * 是否选中
   */
  private boolean selected;
  /**
   * 默认X位置
   */
  private int defaultX;
  /**
   * 默认Y位置
   */
  private int defaultY;
  /**
   * 选择时的X位置
   */
  private int seletedX;
  /**
   * 选择时的Y位置
   */
  private int seletedY;

  public PointInfo(int id, int defaultX,int defaultY, int seletedX, int seletedY) {
   this.id = id;
   this.nextId = id;
   this.defaultX = defaultX;
   this.defaultY = defaultY;
   this.seletedX = seletedX;
   this.seletedY = seletedY;
  }

  public boolean isSelected() {
   return selected;
  }

  public void setSelected(boolean selected) {
   this.selected = selected;
  }

  public int getId() {
   return id;
  }

  public int getDefaultX() {
   return defaultX;
  }

  public int getDefaultY() {
   return defaultY;
  }

  public int getSeletedX() {
   return seletedX;
  }

  public int getSeletedY() {
   return seletedY;
  }

  public int getCenterX() {
   return seletedX + selectedBitmapRadius;
  }

  public int getCenterY() {
   return seletedY + selectedBitmapRadius;
  }

  public boolean hasNextId() {
   return nextId != id;
  }

  public int getNextId() {
   return nextId;
  }

  public void setNextId(int nextId) {
   this.nextId = nextId;
  }

  /**
   * 是否移动到点的位置上
   * @param x 方向
   * @param y 方向
   */
  public boolean isInMyPlace(int x, int y) {
   boolean inX = x > seletedX && x < (seletedX + selectedBitmapDiameter);
   boolean inY = y > seletedY && y < (seletedY + selectedBitmapDiameter);

   return (inX && inY);
  }
}
/**
* 获取本次的密码
* @return
*/
public String getPwd(){

  return lockString.toString();
}
/**
* 保存密码并且判断界面的跳转
*/
public void savePwd(){

  Intent intent = new Intent();

  //SharedPreferences shareDate = cxt.getSharedPreferences("GUE_PWD", Activity.MODE_PRIVATE);
  //是否第一次设置密码
  //boolean isSetFirst = shareDate.getBoolean("IS_SET_FIRST", false);

  boolean isSetFirst = CommonUtil.getIsSetFirst(cxt);
  //如果第一次已经设置密码，验证第二次和第一次是否一致
  if (isSetFirst) {

   String pwd = this.getPwd();
   //得到第一次设置的密码
   //String first_pwd = shareDate.getString("FIRST_PWD", "NO HAVE PWD");
   String first_pwd = CommonUtil.getFirstPwd(cxt);
   //第二次密码和第一次密码一样   设置成功
   if (pwd.equals(first_pwd)) {

    //shareDate.edit().clear().commit();
    //shareDate.edit().putBoolean("IS_SET", true).commit();
    //shareDate.edit().putString("GUE_PWD", pwd).commit();

    //CommonUtil.clearData(cxt);
    CommonUtil.saveIsSetFirst(cxt, true);
    CommonUtil.saveFistPwd(cxt, pwd);

    intent.setClass(cxt,SetPwdActivity.class);
   }
   //第二次输入的密码和第一次输入的密码不一致
   else{

    //shareDate.edit().putBoolean("SECOND_ERROR", true).commit();
    CommonUtil.saveSecondError(cxt, true);
    intent.setClass(cxt, MainActivity.class);
   }
  }//第一次设置手势密码
  else{

   //shareDate.edit().clear().commit();

   //shareDate.edit().putString("FIRST_PWD", this.getPwd()).commit();

   //shareDate.edit().putBoolean("IS_SET_FIRST", true).commit();


   //-------------
   //CommonUtil.clearData(cxt);
   CommonUtil.saveFistPwd(cxt, this.getPwd());
   CommonUtil.saveIsSetFirst(cxt, true);

   intent.setClass(cxt, MainActivity.class);
  }
  cxt.startActivity(intent);

  ((Activity)cxt).finish();
}
}