Android 图形锁的实现

涉及到的技术：

自定义控件

数据算法 

实现原理:  

自定义一个view，里面画九个不同的点，同时监听手指的触摸事件，并且将触摸的点的坐标记录和设置的记录比较一下，如果一致整验证成功，否则验证失败。

自定义控件  

1.将9个点画在屏幕的中间。我这边采用的是（高度-宽度）/2---作为便宜量，里面是一个4*4的正方行，依次画出九个点  

代码如下：  

offset=(height-width)/2;  

space=width/4;

      points[0][0]=new Point(space,offset+space);
      points[0][1]=new Point(space*2,offset+space);
      points[0][2]=new Point(space*3,offset+space);

      points[1][0]=new Point(space,offset+space*2);
      points[1][1]=new Point(space*2,offset+space*2);
      points[1][2]=new Point(space*3,offset+space*2);

      points[2][0]=new Point(space,offset+space*3);
      points[2][1]=new Point(space*2,offset+space*3);
      points[2][2]=new Point(space*3,offset+space*3);

2.根据坐标画圆(注意要减去图片的一半，偏移量) 

for (int i=0;i<points.length;i++){
    for (int j=0;j<points[i].length;j++){
        if(points[i][j].state==Point.point_normal){
            canvas.drawBitmap(normal,points[i][j].x-normal.getHeight()/2,points[i][j].y-normal.getHeight()/2,paint);
        }else if(points[i][j].state ==Point.point_press){
            canvas.drawBitmap(press,points[i][j].x-normal.getHeight()/2,points[i][j].y-normal.getHeight()/2,paint);
        }else if(points[i][j].state ==Point.point_error){
            canvas.drawBitmap(error,points[i][j].x-normal.getHeight()/2,points[i][j].y-normal.getHeight()/2,paint);
        }
    }
}

3.触摸事件的处理，需要重写view中的onTouchEvent方法 主要是处理点击，移动和抬起事件 。里面涉及到一个选点的方法，我在point这个实体中添加了一个测量两个点之间的距离的方法，用于判断触摸点的位 置。

public boolean onTouchEvent(MotionEvent event) {
    motionX=event.getX();
    motionY=event.getY();
    int[] result;
    switch (event.getAction()){
        case MotionEvent.ACTION_DOWN:
            reset();
            result=getSelectedPoint();
            if(result!=null){
                isDraw=true;
                points[result[0]][result[1]].state=Point.point_press;
                selectPoint.add(points[result[0]][result[1]]);
                password.add(result[0]*3+result[1]);
            }
            break;
        case MotionEvent.ACTION_MOVE:
            if(isDraw){
                result=getSelectedPoint();
                if(result!=null){
                    if(!selectPoint.contains(points[result[0]][result[1]])){
                        points[result[0]][result[1]].state=Point.point_press;
                        selectPoint.add(points[result[0]][result[1]]);
                        password.add(result[0]*3+result[1]);
                    }
                }
            }
            break;
        case MotionEvent.ACTION_UP:
            boolean flag=false;
            if(listener!=null&&isDraw){
                flag=listener.onFinishedListener(password);
            }
            if(!flag){
                for (int i=0;i<selectPoint.size();i++){
                    selectPoint.get(i).state=Point.point_error;
                }
            }
            isDraw=false;
            break;
    }
    this.postInvalidate();
    return true;
}

4.连接触摸的点涉及到一个划线的方法 

private void drawLine(Canvas canvas,Point a,Point b){
 if(a.state==Point.point_press){
     canvas.drawLine(a.x,a.y,b.x,b.y,pressPaint);
 }
 if(a.state==Point.point_error){
     canvas.drawLine(a.x,a.y,b.x,b.y,errorPaint);
 }
}

5.重置功能的实现  

public void reset(){
    selectPoint.clear();
    password.clear();
    for(int i=0;i<points.length;i++){
        for (int j=0;j<points[i].length;j++){
            points[i][j].state=Point.point_normal;
        }
    }
    this.postInvalidate();
}

6.向外提供接口的实现

private OnDrawFinishedListener listener;
public interface OnDrawFinishedListener{

     public boolean onFinishedListener(ArrayList<Integer> pass);
}
public void setOnDrawFinishedListerer(OnDrawFinishedListener listener){
    this.listener=listener;
}

这样自定义的锁的界面基本实现了。 

里面需要主要的一些细节：  

1.初始化的时候只能初始化一边，要不就没有效果出现  

2.重置功能一定要调用重绘函数  

3.划线的时候注意点位置的变化。  

其他我就不介绍了。