Android自定义UI手势密码简单版

先看看效果图：

ImageLockActivity

package com.example.imagelock; 

import com.example.view.NinePointLineView; 

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View; 

public class ImageLockActivity extends Activity { 

  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    View v = new NinePointLineView(this);
    setContentView(v);
  }
}

NinePointLineView

package com.example.view; 

import com.example.imagelock.R; 

import android.content.Context;
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;
import android.widget.Toast; 

public class NinePointLineView extends View { 

  /**
   * 定义3个Paint,还有一个坐标圆点图片
   */
  Paint linePaint = new Paint();
  Paint whiteLinePaint = new Paint();
  Paint textPaint = new Paint();
  Bitmap defaultBitmap = BitmapFactory.decodeResource(getResources(),R.drawable.lock); 

  PointInfo[] points = new PointInfo[9];
  int width, height;
  //坐标点的半径长度
  int defaultBitmapRadius = defaultBitmap.getWidth() / 2; 

  //绘制密码时候出现的原点的直径，半径
  Bitmap selectedBitmap = BitmapFactory.decodeResource(getResources(),
      R.drawable.indicator_lock_area);
  int selectedBitmapDiameter = selectedBitmap.getWidth();
  int selectedBitmapRadius = selectedBitmapDiameter / 2; 

  StringBuffer lockString = new StringBuffer(); 

  Context context;
  /** 构造器*********************************************/
  public NinePointLineView(Context context) {
    super(context);
    this.context = context;
    this.setBackgroundColor(Color.WHITE);
    initPaint();
  } 

  public NinePointLineView(Context context, AttributeSet attrs) {
    super(context, attrs);
    this.context = context;
    this.setBackgroundColor(Color.WHITE);
    initPaint();
  }
  private void initPaint() {
    //线--包裹9个原点
    linePaint.setColor(Color.RED);
    linePaint.setStrokeWidth(defaultBitmap.getWidth());
    linePaint.setAntiAlias(true);
    linePaint.setStrokeCap(Cap.ROUND);
    //线内--比原点直径少5
    whiteLinePaint.setColor(Color.GREEN);
    whiteLinePaint.setStrokeWidth(defaultBitmap.getWidth() - 5);
    whiteLinePaint.setAntiAlias(true);
    whiteLinePaint.setStrokeCap(Cap.ROUND);
    //字体设置
    textPaint.setTextSize(30);
    textPaint.setAntiAlias(true);
    textPaint.setTypeface(Typeface.MONOSPACE);
  } 

  /**********************************************************
   * 测量
   */
  @Override
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    width = getWidth();
    height = getHeight();
    if (width != 0 && height != 0) {
      initPoints(points);
    }
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
  } 

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

    int len = points.length; 

    //2个原点的间距
    int seletedSpacing = (width - selectedBitmapDiameter * 3) / 4; 

    //第1个原点的坐标
    int seletedX = seletedSpacing;
    int seletedY = height - width + seletedSpacing; 

    //第1个原点内部的小圆的坐标
    int defaultX = seletedX + selectedBitmapRadius - defaultBitmapRadius;
    int defaultY = seletedY + selectedBitmapRadius - defaultBitmapRadius; 

    for (int i = 0; i < len; i++) {
      //第4、7个原点
      if (i == 3 || i == 6) {
        seletedX = seletedSpacing;
        //第一个原点y坐标+直径+2点间距离
        seletedY += selectedBitmapDiameter + seletedSpacing; 

        defaultX = seletedX + selectedBitmapRadius
            - defaultBitmapRadius;
        //第一个原点y坐标+直径+2点间距离
        defaultY += selectedBitmapDiameter + seletedSpacing; 

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

      //原点坐标xy为直径+2点间距离
      seletedX += selectedBitmapDiameter + seletedSpacing;
      defaultX += selectedBitmapDiameter + seletedSpacing; 

    }
  }
  /*****************************************************************/
  @Override
  protected void onLayout(boolean changed, int left, int top, int right,
      int bottom) {
    super.onLayout(changed, left, top, right, bottom);
  } 

  private int startX = 0, startY = 0;
  PointInfo startPoint = null;
  @Override
  protected void onDraw(Canvas canvas) { 

    drawNinePoint(canvas); 

    super.onDraw(canvas);
  }
  /**
   *
   * @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);
      }
    } 

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

  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);
  }
/**
 * ********************************************************************
 */
  boolean isUp = false;
  int moveX, moveY;
  @Override
  public boolean onTouchEvent(MotionEvent event) { 

    boolean flag = true;
    //isUp默认是false--绘制是否完毕，此时为true
    if (isUp) {
      finishDraw(); 

      Toast.makeText(context, "绘制完毕，手指离开，在点击", 0).show();
      flag = false; 

    } else {
      handlingEvent(event);
      flag = true;
      Toast.makeText(context, "手指一旦绘制", 0).show(); 

    }
    //是否处理事件
    return flag;
  }
  private void finishDraw() {
    for (PointInfo temp : points) {
      temp.setSelected(false);
      temp.setNextId(temp.getId());
    }
    lockString.delete(0, lockString.length());
    isUp = false;
    invalidate();
  } 

  private void handlingEvent(MotionEvent event) {
    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) {
            int preId = lockString.charAt(len - 1) - 48;
            points[preId].setNextId(temp.getId());
          }
          lockString.append(temp.getId());
          break;
        }
      }
      invalidate();
      break; 

    case MotionEvent.ACTION_DOWN:
      //获取按下的xy坐标
      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();
      break; 

    case MotionEvent.ACTION_UP:
      startX = startY = moveX = moveY = 0;
      //绘制完毕
      isUp = true;
      invalidate();
      break;
    default:
      break;
    }
  } 

  /**
   * 原点bean
   */
  private class PointInfo {
    private boolean selected; 

    private int id; 

    private int nextId; 

    private int defaultX; 

    private int defaultY; 

    private int seletedX; 

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

    /**
     * 如果某个xy值在某个原点的左右上下范围内，就说明ok
     */
    public boolean isInMyPlace(int x, int y) {
      boolean inX = x > seletedX
          && x < (seletedX + selectedBitmapDiameter);
      boolean inY = y > seletedY
          && y < (seletedY + selectedBitmapDiameter); 

      return (inX && inY);
    } 

  } 

} 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。