Android自定义UI手势密码终结版
作者：Saflyer
这篇文章主要为大家详细介绍了Android自定义UI手势密码,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
之前写过3篇手势密码的demo,不过没有集成到真实的企业项目中，这几天正好领到一个手势密码项目，昨天刚好弄完，今天抽空整理下，目前还没有完善，有一些地方需要更改，不过基本的流程都可以跑通了。
源码下载地址：http://xiazai.jb51.net/201610/yuanma/AndroidGestureLock(jb51.net).rar
先看主界面的入口把、里面有2个button(一个是设置手势密码、一个是校验手势密码)
activity_main.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.example.gesturelock.MainActivity" > <Button android:id="@+id/setting" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:text="设置" /> <Button android:id="@+id/verify" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_toRightOf="@+id/setting" android:text="校验" /> </RelativeLayout>
在看主界面的代码把
MainActivity
package com.example.gesturelock;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
public class MainActivity extends Activity implements OnClickListener {
private Button setting, verify;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
setting = (Button) findViewById(R.id.setting);
verify = (Button) findViewById(R.id.verify);
setting.setOnClickListener(this);
verify.setOnClickListener(this);
}
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.setting:
startActivity(new Intent(this, GestureEditActivity.class));
break;
case R.id.verify:
startActivity(new Intent(this, GestureVerifyActivity.class));
break;
default:
break;
}
}
}
想了想还是先贴数据库把---就是存放手势密码、以及还可以输入的手势密码次数
publicSQLiteOpenHelper
package com.example.gesturelock;
import android.content.ContentValues;
import android.content.Context;
import android.database.Cursor;
import android.database.SQLException;
import android.database.sqlite.SQLiteDatabase;
import android.database.sqlite.SQLiteOpenHelper;
public class publicSQLiteOpenHelper extends SQLiteOpenHelper{
private static String name = "publicsqlite";
private static String GESTURE_PASSWORD = "gesture_password";
private static final int version = 1;
public SQLiteDatabase db;
public publicSQLiteOpenHelper(Context context)
{
super(context, name, null, version);
}
@Override
public void onCreate(SQLiteDatabase db)
{
String sqlpass = "create table " + "gesture_password"+ "("
+ GesturePassword.WXID + " text not null,"
+ GesturePassword.PASSWORD + " text not null,"
+ GesturePassword.REMAINOPPORTUNITY + " text not null)";
db.execSQL(sqlpass);
}
@Override
public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion)
{
db.execSQL("DROP TABLE IF EXISTS password");
onCreate(db);
}
public class GesturePassword
{
public static final String WXID = "wxid";
public static final String PASSWORD = "password";
public static final String REMAINOPPORTUNITY = "remainopportunity";
}
/**
* 插入手势密码表
*/
public void insertGestureInfo(SQLiteDatabase database ,String password,String times){
ContentValues values = null;
try {
values = new ContentValues();
values.put(GesturePassword.WXID, "001");
values.put(GesturePassword.PASSWORD, password);
values.put(GesturePassword.REMAINOPPORTUNITY, ""+times);
database.insert(publicSQLiteOpenHelper.GESTURE_PASSWORD, null,
values);
} catch (Exception e) {
e.printStackTrace();
throw new SQLException(e.getMessage());
}finally{
if (values != null) {
values.clear();
values = null;
}
}
}
/**
* 修改手势密码表---初始化次数为8次
*
*
*/
public void updateGestureInfo(SQLiteDatabase database,String password,String times) {
ContentValues values = null;
try {
if (password == null) {
values = new ContentValues();
values.put(GesturePassword.WXID, "001");
values.put(GesturePassword.REMAINOPPORTUNITY, ""+times);
database.update(publicSQLiteOpenHelper.GESTURE_PASSWORD,
values, "WXID=?",
new String[] { "001" });
}else {
values = new ContentValues();
values.put(GesturePassword.WXID, "001");
values.put(GesturePassword.PASSWORD, password);
values.put(GesturePassword.REMAINOPPORTUNITY, ""+times);
database.update(publicSQLiteOpenHelper.GESTURE_PASSWORD,
values, "WXID=?",
new String[] { "001" });
}
} catch (SQLException e) {
} finally {
if (values != null) {
values.clear();
values = null;
}
}
}
/**
* 查询手势密码表有无记录
* @return
*/
public boolean queryGestureTableCount(SQLiteDatabase database){
Cursor cursor = null;
try {
cursor = database.query(publicSQLiteOpenHelper.GESTURE_PASSWORD, null, null, null, null, null, null);
if (cursor != null && cursor.getCount()>0) {
return true;
}else {
return false;
}
} catch (Exception e) {
}
finally{
if (cursor != null) {
cursor.close();
cursor = null;
}
}
return false;
}
/**
* 查询手势密码表--查看剩余次数
*
*/
public String queryGestureTime(SQLiteDatabase database) {
Cursor cursor = null;
try {
cursor = database.query(publicSQLiteOpenHelper.GESTURE_PASSWORD, null, null, null, null, null, null);
if ((cursor != null) && (cursor.getCount() > 0)) {
if (cursor.moveToFirst()) {
int columnIndex = cursor
.getColumnIndex(GesturePassword.REMAINOPPORTUNITY);
return cursor.getString(columnIndex);
}
}
} catch (Exception e) {
} finally {
if (cursor != null) {
cursor.close();
cursor = null;
}
}
return "";
}
/**
* 查询手势密码表--查看密码
*
*/
public String queryGesturePassword(SQLiteDatabase database) {
Cursor cursor = null;
try {
cursor = database.query(publicSQLiteOpenHelper.GESTURE_PASSWORD, null, null, null, null, null, null);
if ((cursor != null) && (cursor.getCount() > 0)) {
if (cursor.moveToFirst()) {
int columnIndex = cursor
.getColumnIndex(GesturePassword.PASSWORD);
return cursor.getString(columnIndex);
}
}
} catch (Exception e) {
} finally {
if (cursor != null) {
cursor.close();
cursor = null;
}
}
return "";
}
}
接下里再看工具类把--就是输入的手势密码简单MD5加密、以及屏幕尺寸工具类
/**
*
*/
package com.example.gesturelock;
import android.content.Context;
import android.view.WindowManager;
public class AppUtil {
/**
* 获取屏幕分辨�?
* @param context
* @return
*/
public static int[] getScreenDispaly(Context context) {
WindowManager windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
@SuppressWarnings("deprecation")
int width = windowManager.getDefaultDisplay().getWidth();
@SuppressWarnings("deprecation")
int height = windowManager.getDefaultDisplay().getHeight();
int result[] = { width, height };
return result;
}
}
package com.example.gesturelock;
import java.security.MessageDigest;
import java.security.NoSuchAlgorithmException;
import android.util.Log;
public class MD5EncodeUtil {
public static String MD5Ecode(String gesture){
Log.i("GYL","gesture---"+gesture.toString());
byte[] toencode=gesture.toString().getBytes();
Log.i("GYL","byte[]----"+toencode.toString());
try{
MessageDigest md5=MessageDigest.getInstance("MD5");
md5.reset();
md5.update(toencode);
return HexEncode(md5.digest());
}catch(NoSuchAlgorithmException e){
e.printStackTrace();
}
return "";
}
public static String HexEncode(byte[] toencode){
StringBuilder sb=new StringBuilder(toencode.length*2);
for(byte b:toencode){
sb.append(Integer.toHexString((b&0xf0)>>>4));
sb.append(Integer.toHexString(b&0x0f));
}
return sb.toString().toUpperCase();
}
}
一步步来，接下来看bean类，就是每个圆点的属性
Constants
package com.example.gesturelock;
public class Constants {
public static final int POINT_STATE_NORMAL = 0; // 正常状态
public static final int POINT_STATE_SELECTED = 1; // 按下状态
public static final int POINT_STATE_WRONG = 2; // 错误状态
}
GesturePoint
package com.example.gesturelock;
import android.widget.ImageView;
public class GesturePoint {
/**
* 左边x的值
*/
private int leftX;
/**
* 右边x的值
*/
private int rightX;
/**
* 上边y的值
*/
private int topY;
/**
* 下边y的值
*/
private int bottomY;
/**
* 这个点对应的ImageView控件
*/
private ImageView image;
/**
* 中心x值
*/
private int centerX;
/**
* 中心y值
*/
private int centerY;
/**
* 状态值
*/
private int pointState;
/**
* 代表这个Point对象代表的数字，从1开始(直接感觉从1开始)
*/
private int num;
public GesturePoint(int leftX, int rightX, int topY, int bottomY,
ImageView image, int num) {
super();
this.leftX = leftX;
this.rightX = rightX;
this.topY = topY;
this.bottomY = bottomY;
this.image = image;
this.centerX = (leftX + rightX) / 2;
this.centerY = (topY + bottomY) / 2;
this.num = num;
}
public int getLeftX() {
return leftX;
}
public void setLeftX(int leftX) {
this.leftX = leftX;
}
public int getRightX() {
return rightX;
}
public void setRightX(int rightX) {
this.rightX = rightX;
}
public int getTopY() {
return topY;
}
public void setTopY(int topY) {
this.topY = topY;
}
public int getBottomY() {
return bottomY;
}
public void setBottomY(int bottomY) {
this.bottomY = bottomY;
}
public ImageView getImage() {
return image;
}
public void setImage(ImageView image) {
this.image = image;
}
public int getCenterX() {
return centerX;
}
public void setCenterX(int centerX) {
this.centerX = centerX;
}
public int getCenterY() {
return centerY;
}
public void setCenterY(int centerY) {
this.centerY = centerY;
}
public int getPointState() {
return pointState;
}
public void setPointState(int state, int x, int y) {
pointState = state;
switch (state) {
case Constants.POINT_STATE_NORMAL:
this.image.setBackgroundResource(R.drawable.gesturewhite);
break;
case Constants.POINT_STATE_SELECTED:
// 以原点为圆心，右下为正，左上为负
if (y == 0 && x > 0) {
this.image.setBackgroundResource(R.drawable.blueright);
} else if (y == 0 && x < 0) {
this.image.setBackgroundResource(R.drawable.blueleft);
} else if (x == 0 && y > 0) {
this.image.setBackgroundResource(R.drawable.bluedown);
} else if (x == 0 && y < 0) {
this.image.setBackgroundResource(R.drawable.blueup);
} else if (x > 0 && y > 0) {
this.image.setBackgroundResource(R.drawable.bluerightdown);
} else if (x < 0 && y < 0) {
this.image.setBackgroundResource(R.drawable.blueleftup);
} else if (x < 0 && y > 0) {
this.image.setBackgroundResource(R.drawable.blueleftdown);
} else if (x > 0 && y < 0) {
this.image.setBackgroundResource(R.drawable.bluerightup);
} else if (x == 0 && y == 0) {
this.image.setBackgroundResource(R.drawable.bluedot);
}
break;
case Constants.POINT_STATE_WRONG:
if (y == 0 && x > 0) {
this.image.setBackgroundResource(R.drawable.redright);
} else if (y == 0 && x < 0) {
this.image.setBackgroundResource(R.drawable.redleft);
} else if (x == 0 && y > 0) {
this.image.setBackgroundResource(R.drawable.reddown);
} else if (x == 0 && y < 0) {
this.image.setBackgroundResource(R.drawable.redup);
} else if (x > 0 && y > 0) {
this.image.setBackgroundResource(R.drawable.redrightdown);
} else if (x < 0 && y < 0) {
this.image.setBackgroundResource(R.drawable.redleftup);
} else if (x < 0 && y > 0) {
this.image.setBackgroundResource(R.drawable.redleftdown);
} else if (x > 0 && y < 0) {
this.image.setBackgroundResource(R.drawable.redrightup);
} else if (x == 0 && y == 0) {
this.image.setBackgroundResource(R.drawable.reddot);
}
break;
default:
break;
}
}
public int getNum() {
return num;
}
public void setNum(int num) {
this.num = num;
}
@Override
public int hashCode() {
final int prime = 31;
int result = 1;
result = prime * result + bottomY;
result = prime * result + ((image == null) ? 0 : image.hashCode());
result = prime * result + leftX;
result = prime * result + rightX;
result = prime * result + topY;
return result;
}
@Override
public boolean equals(Object obj) {
if (this == obj)
return true;
if (obj == null)
return false;
if (getClass() != obj.getClass())
return false;
GesturePoint other = (GesturePoint) obj;
if (bottomY != other.bottomY)
return false;
if (image == null) {
if (other.image != null)
return false;
} else if (!image.equals(other.image))
return false;
if (leftX != other.leftX)
return false;
if (rightX != other.rightX)
return false;
if (topY != other.topY)
return false;
return true;
}
@Override
public String toString() {
return "Point [leftX=" + leftX + ", rightX=" + rightX + ", topY="
+ topY + ", bottomY=" + bottomY + "]";
}
}
接下来就看那9个点的绘制界面
GestureContentView
package com.example.gesturelock;
import java.util.ArrayList;
import java.util.List;
import com.example.gesturelock.GestureDrawline.GestureCallBack;
import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
/**
* 手势密码容器类
*
*/
public class GestureContentView extends ViewGroup {
/**
* 每个点区域的宽度
*/
private int blockWidth;
private int spacing ;
/**
* 声明一个集合用来封装坐标集合
*/
private List<GesturePoint> list;
private Context context;
private GestureDrawline gestureDrawline;
/**
* 包含9个ImageView的容器，初始化
* @param context
* @param isVerify 是否为校验手势密码
* @param passWord 用户传入密码
* @param callBack 手势绘制完毕的回调
*/
public GestureContentView(Context context, boolean isVerify,String passWord, GestureCallBack callBack) {
super(context);
this.blockWidth = dip2px(context,66f); //圆圈的直径dp值
this.spacing = dip2px(context, 30f); //圆圈之间的距离dp值
this.list = new ArrayList<GesturePoint>();
this.context = context;
// 添加9个图标
addChild();
// 初始化一个可以画线的view
gestureDrawline = new GestureDrawline(context, list, isVerify,passWord, callBack);
}
public static int dip2px(Context context, float dpValue) {
// TODO Auto-generated method stub
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (dpValue * scale + 0.5f);
}
private void addChild(){
for (int i = 0; i < 9; i++) {
ImageView image = new ImageView(context);
image.setBackgroundResource(R.drawable.gesturewhite);
this.addView(image,new LayoutParams(blockWidth, blockWidth));
invalidate();
// 第几行
int row = i / 3;
// 第几列
int col = i % 3;
// 定义点的每个属性
int leftX = col * blockWidth + col * spacing;
int topY = row * blockWidth + row * spacing;
int rightX = leftX + blockWidth;
int bottomY = topY + blockWidth;
//圆圈之间线的位置
GesturePoint p = new GesturePoint(leftX, rightX, topY, bottomY, image,i+1);
this.list.add(p);
}
}
public void setParentView(ViewGroup parent){
// 得到屏幕的宽度
LayoutParams layoutParams =
new LayoutParams(blockWidth * 3 + spacing * 2, blockWidth * 3 + spacing * 2);
parent.addView(gestureDrawline,layoutParams);
parent.addView(this,layoutParams);
}
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
for (int i = 0; i < getChildCount(); i++) {
//第几行
int row = i/3;
//第几列
int col = i%3;
View v = getChildAt(i);
//用于绘制圆圈的位置，d表示X轴方向的偏移量，如果要上下移动整块手绘区域，则将top和bottom参数增加或减小一个合适的偏移量
int leftX = col * blockWidth + col * spacing;
int topY = row * blockWidth + row * spacing;
int rightX = leftX + blockWidth;
int bottomY = topY + blockWidth;
v.layout(leftX, topY, rightX, bottomY) ;
}
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
/**
* 保留路径delayTime时间长
* @param delayTime
*/
public void clearDrawlineState(long delayTime) {
gestureDrawline.clearDrawlineState(delayTime);
}
}
然后继续看当手指连接时候，的那个绘制中间连线的代码
GestureDrawline
package com.example.gesturelock;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import android.annotation.SuppressLint;
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.Style;
import android.graphics.PorterDuff;
import android.os.Handler;
import android.util.Log;
import android.util.Pair;
import android.view.MotionEvent;
import android.view.View;
/**
* 手势密码路径绘制
*
*/
public class GestureDrawline extends View {
private int mov_x;// 声明起点坐标
private int mov_y;
private Paint paint;// 声明画笔
private Canvas canvas;// 画布
private Bitmap bitmap;// 位图
private List<GesturePoint> list;//
private List<Pair<GesturePoint, GesturePoint>> lineList;// 记录画过的线
private Map<String, GesturePoint> autoCheckPointMap;// 自动选中的情况点
private boolean isDrawEnable = true; // 是否允许绘制
/**
* 屏幕的宽度和高度
*/
private int[] screenDispaly;
private GesturePoint currentPoint;
private GestureCallBack callBack;
private StringBuilder passWordSb;
private boolean isVerify;
private String passWord;
public GestureDrawline(Context context, List<GesturePoint> list,
boolean isVerify, String passWord, GestureCallBack callBack) {
super(context);
//屏幕参数
screenDispaly = AppUtil.getScreenDispaly(context);
//画笔
paint = new Paint(Paint.DITHER_FLAG);//
//初始化画布--宽高
bitmap = Bitmap.createBitmap(screenDispaly[0], screenDispaly[0],Bitmap.Config.ARGB_8888); //
canvas = new Canvas();
canvas.setBitmap(bitmap);
//设置画笔参数
paint.setStyle(Style.STROKE);
paint.setStrokeWidth(15);//
paint.setColor(getResources().getColor(R.color.gestureline_green));// 设置默认连线颜色
paint.setAntiAlias(true);
//9个点的集合
this.list = list;
//画过的线集合
this.lineList = new ArrayList<Pair<GesturePoint, GesturePoint>>();
initAutoCheckPointMap();
this.callBack = callBack;
this.isVerify = isVerify;
this.passWord = passWord;
//密码集
this.passWordSb = new StringBuilder();
}
private void initAutoCheckPointMap() {
autoCheckPointMap = new HashMap<String, GesturePoint>();
autoCheckPointMap.put("1,3", getGesturePointByNum(2));
autoCheckPointMap.put("1,7", getGesturePointByNum(4));
autoCheckPointMap.put("1,9", getGesturePointByNum(5));
autoCheckPointMap.put("2,8", getGesturePointByNum(5));
autoCheckPointMap.put("3,7", getGesturePointByNum(5));
autoCheckPointMap.put("3,9", getGesturePointByNum(6));
autoCheckPointMap.put("4,6", getGesturePointByNum(5));
autoCheckPointMap.put("7,9", getGesturePointByNum(8));
}
/**得到对应的点位*/
private GesturePoint getGesturePointByNum(int num) {
for (GesturePoint point : list) {
if (point.getNum() == num) {
return point;
}
}
return null;
}
/**将位图绘制到画布上*/
@Override
protected void onDraw(Canvas canvas) {
canvas.drawBitmap(bitmap, 0, 0, null);
}
// 触摸事件
@SuppressLint("ClickableViewAccessibility")
@Override
public boolean onTouchEvent(MotionEvent event) {
if (isDrawEnable == false) {
return true;
}
// 设置默认连线颜色
paint.setColor(getResources().getColor(R.color.gestureline_green));
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
mov_x = (int) event.getX();
mov_y = (int) event.getY();
/**获取按下的点位*/
currentPoint = getPointAt(mov_x, mov_y);
if (currentPoint != null) {
/**设置按下的点位的状态，保存密码*/
currentPoint.setPointState(Constants.POINT_STATE_SELECTED, 0, 0);
passWordSb.append(currentPoint.getNum());
}
invalidate();
//回调方法
callBack.onPointDown() ;
break;
case MotionEvent.ACTION_MOVE:
//清楚痕迹
clearScreenAndDrawList();
//移动回调
callBack.onGestureLineMove();
//获取移动到的位置的点位
GesturePoint pointAt = getPointAt((int) event.getX(),
(int) event.getY());
if (currentPoint == null && pointAt == null) {
return true;
} else {
//由间隔处滑到原点处
if (currentPoint == null && pointAt != null) {
// 如果为空，那么把手指移动到的点赋值给currentPoint
currentPoint = pointAt;
/**设置按下的点位的状态，保存密码*/
currentPoint.setPointState(Constants.POINT_STATE_SELECTED,
0, 0);
passWordSb.append(currentPoint.getNum());
}
}
/***/
if (pointAt == null
|| currentPoint.equals(pointAt)
|| Constants.POINT_STATE_SELECTED == pointAt
.getPointState()) {
canvas.drawLine(currentPoint.getCenterX(),
currentPoint.getCenterY(), event.getX(), event.getY(),
paint);
} else {
int x = pointAt.getCenterX() - currentPoint.getCenterX();
int y = pointAt.getCenterY() - currentPoint.getCenterY();
currentPoint
.setPointState(Constants.POINT_STATE_SELECTED, x, y);
if (pointAt.equals(list.get(list.size() - 1))) {
pointAt
.setPointState(Constants.POINT_STATE_SELECTED, 0, 0);
}
GesturePoint betweenPoint = getBetweenCheckPoint(currentPoint,
pointAt);
if (betweenPoint != null
&& Constants.POINT_STATE_SELECTED != betweenPoint
.getPointState()) {
// 存在中间点并且没有被选中
Pair<GesturePoint, GesturePoint> pair1 = new Pair<GesturePoint, GesturePoint>(
currentPoint, betweenPoint);
lineList.add(pair1);
passWordSb.append(betweenPoint.getNum());
Pair<GesturePoint, GesturePoint> pair2 = new Pair<GesturePoint, GesturePoint>(
betweenPoint, pointAt);
lineList.add(pair2);
passWordSb.append(pointAt.getNum());
betweenPoint.setPointState(Constants.POINT_STATE_SELECTED,0, 0);
currentPoint = pointAt;
} else {
Pair<GesturePoint, GesturePoint> pair = new Pair<GesturePoint, GesturePoint>(
currentPoint, pointAt);
lineList.add(pair);
passWordSb.append(pointAt.getNum());
currentPoint = pointAt;
}
}
invalidate();
break;
case MotionEvent.ACTION_UP:
isDrawEnable = false;
if (isVerify) {
// 手势密码校验
String encodeString=MD5EncodeUtil.MD5Ecode(String.valueOf( passWordSb));
String passwordMd5Ecode = MD5EncodeUtil.MD5Ecode(passWord);
if (passwordMd5Ecode.equals(encodeString)) {
callBack.checkedSuccess();
} else {
Log.e("TAG", "encode String fali");
callBack.checkedFail();
}
} else {
//重新绘制界面
clearScreenAndDrawList();
GesturePoint pointAtUp = getPointAt((int) event.getX(),
(int) event.getY());
if (pointAtUp != null
&& currentPoint.equals(pointAtUp)
&& Constants.POINT_STATE_SELECTED == pointAtUp
.getPointState()&&passWordSb.length()==1) {
currentPoint.setPointState(Constants.POINT_STATE_WRONG,
0, 0);
}
invalidate();
callBack.onGestureCodeInput(passWordSb.toString());
}
break;
default:
break;
}
return true;
}
/**
*
* @param delayTime
* 延迟执行时间
*/
public void clearDrawlineState(long delayTime) {
if (delayTime > 0) {
// 绘制红色提示路线
isDrawEnable = false;
drawErrorPathTip();
}
new Handler().postDelayed(new clearStateRunnable(), delayTime);
}
/**
*/
final class clearStateRunnable implements Runnable {
public void run() {
// 重置passWordSb
passWordSb = new StringBuilder();
// 清空保存点的集合
lineList.clear();
// 重新绘制界面
clearScreenAndDrawList();
for (GesturePoint p : list) {
p.setPointState(Constants.POINT_STATE_NORMAL, 0, 0);
}
invalidate();
isDrawEnable = true;
}
}
/**
*
* @param x
* @param y
*/
private GesturePoint getPointAt(int x, int y) {
for (GesturePoint point : list) {
// 先判断x
int leftX = point.getLeftX();
int rightX = point.getRightX();
if (!(x >= leftX && x < rightX)) {
continue;
}
int topY = point.getTopY();
int bottomY = point.getBottomY();
if (!(y >= topY && y < bottomY)) {
continue;
}
// 如果执行到这，那么说明当前点击的点的位置在遍历到点的位置这个地方
return point;
}
return null;
}
private GesturePoint getBetweenCheckPoint(GesturePoint pointStart,
GesturePoint pointEnd) {
int startNum = pointStart.getNum();
int endNum = pointEnd.getNum();
String key = null;
if (startNum < endNum) {
key = startNum + "," + endNum;
} else {
key = endNum + "," + startNum;
}
return autoCheckPointMap.get(key);
}
/**
* 清掉屏幕上所有的线，然后画出集合里面的线
*/
private void clearScreenAndDrawList() {
canvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR);
for (int i = 0; i < lineList.size(); i++)
{
int r = 0,x,y;
if ((lineList.get(i).first.getTopY() - lineList.get(i).first.getBottomY()) / 2 < 0)
r = -(lineList.get(i).first.getTopY() - lineList.get(i).first.getBottomY()) / 2;
else {
r = (lineList.get(i).first.getTopY() - lineList.get(i).first.getBottomY()) / 2;
}
float d = (float) 0.707 * r;
x = lineList.get(i).second.getCenterX() -lineList.get(i).first.getCenterX();
y = lineList.get(i).second.getCenterY() -lineList.get(i).first.getCenterY();
if (i == lineList.size() - 1) {
lineList.get(i).second.setPointState(Constants.POINT_STATE_SELECTED, 0, 0);
lineList.get(i).first.setPointState(Constants.POINT_STATE_SELECTED, x, y);
}
else {
lineList.get(i).first.setPointState(Constants.POINT_STATE_SELECTED, x, y);
lineList.get(i).second.setPointState(Constants.POINT_STATE_SELECTED, x, y);
}
if (y == 0 && x > 0) {
canvas.drawLine(lineList.get(i).first.getCenterX() + r,
lineList.get(i).first.getCenterY(), lineList.get(i).second.getCenterX() - r,
lineList.get(i).second.getCenterY(), paint);// 画线
}
else if (y == 0 && x < 0 ) {
canvas.drawLine(lineList.get(i).first.getCenterX() - r,
lineList.get(i).first.getCenterY(), lineList.get(i).second.getCenterX() + r,
lineList.get(i).second.getCenterY(), paint);// 画线
}else if (x == 0 && y > 0){
canvas.drawLine(lineList.get(i).first.getCenterX(),
lineList.get(i).first.getCenterY() + r, lineList.get(i).second.getCenterX(),
lineList.get(i).second.getCenterY() - r, paint);// 画线
}else if (x == 0 && y < 0 ) {
canvas.drawLine(lineList.get(i).first.getCenterX(),
lineList.get(i).first.getCenterY() - r, lineList.get(i).second.getCenterX() ,
lineList.get(i).second.getCenterY() + r, paint);// 画线
}
else if( x > 0 && y > 0 ){
canvas.drawLine(lineList.get(i).first.getCenterX() + d,
lineList.get(i).first.getCenterY() + d, lineList.get(i).second.getCenterX() - d ,
lineList.get(i).second.getCenterY() - d, paint);// 画线
}else if(x > 0 && y < 0 )
{
canvas.drawLine(lineList.get(i).first.getCenterX() + d,
lineList.get(i).first.getCenterY() - d, lineList.get(i).second.getCenterX()-d ,
lineList.get(i).second.getCenterY() + d, paint);// 画线
}
else if (x < 0 && y > 0){
canvas.drawLine(lineList.get(i).first.getCenterX() - d,
lineList.get(i).first.getCenterY() + d, lineList.get(i).second.getCenterX()+d ,
lineList.get(i).second.getCenterY() - d, paint);// 画线
}
else if(x < 0 && y < 0 )
{
canvas.drawLine(lineList.get(i).first.getCenterX() - d,
lineList.get(i).first.getCenterY() - d, lineList.get(i).second.getCenterX()+d ,
lineList.get(i).second.getCenterY() + d, paint);// 画线
}
}
}
private void drawErrorPathTip() {
canvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR);
paint.setColor(getResources().getColor(R.color.gestureline_red));// 设置默认线路颜色
if(lineList.size() == 0 && currentPoint!= null){
currentPoint.setPointState(Constants.POINT_STATE_WRONG, 0, 0);
}
for (int i = 0; i < lineList.size(); i++) {
int r = 0,x,y;
if ((lineList.get(i).first.getTopY() - lineList.get(i).first.getBottomY()) / 2 < 0)
r = -(lineList.get(i).first.getTopY() - lineList.get(i).first.getBottomY()) / 2;
else {
r = (lineList.get(i).first.getTopY() - lineList.get(i).first.getBottomY()) / 2;
}
float d = (float) 0.707 * r;
x = lineList.get(i).second.getCenterX() -lineList.get(i).first.getCenterX();
y = lineList.get(i).second.getCenterY() -lineList.get(i).first.getCenterY();
if (i == lineList.size() - 1) {
lineList.get(i).second.setPointState(Constants.POINT_STATE_WRONG, 0, 0);
lineList.get(i).first.setPointState(Constants.POINT_STATE_WRONG, x, y);
}
else {
lineList.get(i).first.setPointState(Constants.POINT_STATE_WRONG, x, y);
lineList.get(i).second.setPointState(Constants.POINT_STATE_WRONG, x, y);
}
if (y == 0 && x > 0) {
canvas.drawLine(lineList.get(i).first.getCenterX() + r,
lineList.get(i).first.getCenterY(), lineList.get(i).second.getCenterX() - r,
lineList.get(i).second.getCenterY(), paint);// 画线
}
else if (y == 0 && x < 0 ) {
canvas.drawLine(lineList.get(i).first.getCenterX() - r,
lineList.get(i).first.getCenterY(), lineList.get(i).second.getCenterX() + r,
lineList.get(i).second.getCenterY(), paint);// 画线
}else if (x == 0 && y > 0){
canvas.drawLine(lineList.get(i).first.getCenterX(),
lineList.get(i).first.getCenterY() + r, lineList.get(i).second.getCenterX(),
lineList.get(i).second.getCenterY() - r, paint);// 画线
}else if (x == 0 && y < 0 ) {
canvas.drawLine(lineList.get(i).first.getCenterX(),
lineList.get(i).first.getCenterY() - r, lineList.get(i).second.getCenterX() ,
lineList.get(i).second.getCenterY() + r, paint);// 画线
}
else if( x > 0 && y > 0 ){
canvas.drawLine(lineList.get(i).first.getCenterX() + d,
lineList.get(i).first.getCenterY() + d, lineList.get(i).second.getCenterX() - d ,
lineList.get(i).second.getCenterY() - d, paint);// 画线
}else if(x > 0 && y < 0 )
{
canvas.drawLine(lineList.get(i).first.getCenterX() + d,
lineList.get(i).first.getCenterY() - d, lineList.get(i).second.getCenterX()-d ,
lineList.get(i).second.getCenterY() + d, paint);// 画线
}
else if (x < 0 && y > 0){
canvas.drawLine(lineList.get(i).first.getCenterX() - d,
lineList.get(i).first.getCenterY() + d, lineList.get(i).second.getCenterX()+d ,
lineList.get(i).second.getCenterY() - d, paint);// 画线
}
else if(x < 0 && y < 0 )
{
canvas.drawLine(lineList.get(i).first.getCenterX() - d,
lineList.get(i).first.getCenterY() - d, lineList.get(i).second.getCenterX()+d ,
lineList.get(i).second.getCenterY() + d, paint);// 画线
}
}
invalidate();
}
public interface GestureCallBack {
public abstract void onGestureCodeInput(String inputCode);
public abstract void checkedSuccess();
public abstract void checkedFail();
public abstract void onGestureLineMove();
public abstract void onPointDown() ;
}
}
ok 注备工作进行完毕，接下来看设置手势密码界面
gesture_edit.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:background="#f2f2f2" > <LinearLayout android:id="@+id/ll_head" android:layout_width="fill_parent" android:layout_height="48dp" android:background="@drawable/bg_head" android:gravity="center_vertical" android:orientation="horizontal" > <LinearLayout android:id="@+id/ll_head_left" android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_marginTop="1dp" android:gravity="center_vertical" android:background="@drawable/selector_head_back" android:orientation="horizontal" > <ImageView android:id="@+id/im_back" android:layout_width="7dp" android:layout_height="14dp" android:layout_marginLeft="5dp" android:background="@drawable/back" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="5dp" android:text="@string/set_gesture_code" android:textColor="#fff" android:textSize="17.33dp" /> </LinearLayout> <View android:layout_width="0dp" android:layout_height="fill_parent" android:layout_weight="1" /> </LinearLayout> <LinearLayout android:id="@+id/gesture_tip_layout" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="75.67dp" android:orientation="vertical" > <TextView android:id="@+id/tv_edit_texttip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:gravity="center_horizontal" android:text="@string/set_gesture_pattern" android:textColor="@color/color_black" android:textSize="@dimen/textsize_s3" /> </LinearLayout> <RelativeLayout android:id="@+id/fl_edit_gesture_container" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="48dp" android:gravity="center_horizontal" > </RelativeLayout> </LinearLayout>
GestureEditActivity
package com.example.gesturelock;
import android.app.Activity;
import android.database.sqlite.SQLiteDatabase;
import android.os.Bundle;
import android.os.Handler;
import android.text.TextUtils;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import android.widget.TextView;
import com.example.gesturelock.GestureDrawline.GestureCallBack;
public class GestureEditActivity extends Activity implements OnClickListener {
private LinearLayout im_back;
private TextView tv_texttip;
private RelativeLayout mGestureContainer;
private GestureContentView mGestureContentView;
// 第一次输入的密码
private String mFirstPassword = null;
// 是不是第一次输入
private boolean mIsFirstInput = true;
static final String TABLES_NAME_GESTURE = "gesture_password";
public final static int GESTURE_TIME = 8;
private publicSQLiteOpenHelper sqliteInstance;
private SQLiteDatabase database;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.gesture_edit);
// 错误提示
tv_texttip = (TextView) findViewById(R.id.tv_edit_texttip);
// 9点区域
mGestureContainer = (RelativeLayout) findViewById(R.id.fl_edit_gesture_container);
// 返回
im_back = (LinearLayout) findViewById(R.id.ll_head_left);
// 初始化继续不可点击
im_back.setOnClickListener(this);
mGestureContentView = new GestureContentView(this, false, "",
new GestureCallBack() {
@Override
public void onGestureCodeInput(String inputCode) {
if (mIsFirstInput) { // 第一次输入手势密码
if (!isInputPassValidate(inputCode)) {
// 至少连接4个点
tv_texttip.setText(getResources().getString(
R.string.drawguesturewarning));
// 2秒后清除界面
mGestureContentView.clearDrawlineState(2000L);
// 2秒后还原提示
mHandler.postDelayed(connect4Dot, 2000);
return;
}else {
mFirstPassword = inputCode;
tv_texttip.setText(getResources().getString(
R.string.drawguestureagain));
mHandler.postDelayed(clearGreenLine, 1000);
mIsFirstInput = false;
}
} else {
if (inputCode.equals(mFirstPassword)) { // 第二次输入手势密码与第一次一致
tv_texttip.setText(getResources().getString(
R.string.your_gesture_code));
sqliteInstance = new publicSQLiteOpenHelper(GestureEditActivity.this);
database = sqliteInstance.getWritableDatabase();
boolean count = sqliteInstance.queryGestureTableCount(database);
if (count) {
//如果有记录
sqliteInstance.updateGestureInfo(database,mFirstPassword, "8");
}else {
//如果没有记录
sqliteInstance.insertGestureInfo(database,mFirstPassword, "8");
}
mHandler.postDelayed(setGestureOkFinish, 1000);
} else {
if (!isInputPassValidate(inputCode)) {
// 至少连接4个点
tv_texttip.setText(getResources().getString(
R.string.drawguesturewarning));
// 2秒后清除界面
mGestureContentView.clearDrawlineState(2000L);
// 2秒后还原提示
mHandler.postDelayed(connect4Dot, 2000);
} else { // 第二次输入手势密码与第一次不一致
tv_texttip.setText(getResources()
.getString(R.string.drawagain));
// 左右移动动画
// Animation shakeAnimation =
// AnimationUtils.loadAnimation(GestureEditActivity.this,R.anim.shake);
// tv_texttip.startAnimation(shakeAnimation);
// 保持绘制的线，1.5秒后清除
mGestureContentView
.clearDrawlineState(2000L);
mHandler.postDelayed(changeText2again, 2000);
}
}
}
}
@Override
public void checkedFail() {
}
@Override
public void onGestureLineMove() {
tv_texttip.setText(getResources().getString(
R.string.release_hande_when_finish));
}
@Override
public void onPointDown() {
}
@Override
public void checkedSuccess() {
}
});
// 设置手势解锁显示到哪个布局里面
mGestureContentView.setParentView(mGestureContainer);
}
@Override
protected void onResume() {
super.onResume();
}
Handler mHandler = new Handler();
Runnable clearGreenLine = new Runnable() {
public void run() {
mGestureContentView.clearDrawlineState(0L);
}
};
Runnable connect4Dot = new Runnable() {
public void run() {
tv_texttip.setText(getResources().getString(
R.string.set_gesture_pattern));
}
};
Runnable setGestureOkFinish = new Runnable() {
public void run() {
finish();
}
};
Runnable changeText2again = new Runnable() {
public void run() {
tv_texttip.setText(getResources().getString(
R.string.drawguestureagain));
}
};
private boolean isInputPassValidate(String inputPassword) {
if (TextUtils.isEmpty(inputPassword) || inputPassword.length() < 4) {
return false;
}
return true;
}
protected void onDestroy() {
super.onDestroy();
}
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.ll_head_left:
finish();
break;
}
}
}
最后看校验界面
gesture_verify.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:orientation="vertical" android:layout_height="match_parent" android:background="@color/color_main" > <LinearLayout android:id="@+id/ll_head" android:layout_width="fill_parent" android:layout_height="48dp" android:background="@drawable/bg_head" android:gravity="center_vertical" android:orientation="horizontal" > <LinearLayout android:id="@+id/ll_head_left" android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_marginTop="1dp" android:gravity="center_vertical" android:background="@drawable/selector_head_back" android:orientation="horizontal" > <ImageView android:id="@+id/im_back" android:layout_width="7dp" android:layout_height="14dp" android:layout_marginLeft="5dp" android:background="@drawable/back" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="5dp" android:text="@string/verify_gesture_code" android:textColor="#fff" android:textSize="17.33dp" /> </LinearLayout> <View android:layout_width="0dp" android:layout_height="fill_parent" android:layout_weight="1" /> </LinearLayout> <LinearLayout android:id="@+id/gesture_tip_layout" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="75.67dp" android:orientation="vertical" > <TextView android:id="@+id/tv_edit_texttip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:gravity="center_horizontal" android:text="@string/set_gesture_pattern" android:textColor="@color/color_black" android:textSize="@dimen/textsize_s3" /> </LinearLayout> <RelativeLayout android:id="@+id/fl_verify_gesture_container" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="48dp" android:gravity="center_horizontal" > </RelativeLayout> </LinearLayout>
最后校验代码
package com.example.gesturelock;
import java.util.Timer;
import java.util.TimerTask;
import android.annotation.SuppressLint;
import android.app.Activity;
import android.content.Intent;
import android.database.sqlite.SQLiteDatabase;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.text.TextUtils;
import android.util.Log;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import android.widget.TextView;
import com.example.gesturelock.GestureDrawline.GestureCallBack;
public class GestureVerifyActivity extends Activity {
private static String TAG = "GestureVerifyActivity";
private TextView tv_texttip;
private RelativeLayout mGestureContainer;
private LinearLayout ib_back;
private GestureContentView mGestureContentView;
private Timer timer = new Timer() ;
private TimerTask closeActivityTask = null;
static final String TABLES_NAME_GESTURE = "gesture_password";
private int remainopportunity ;
private publicSQLiteOpenHelper sqliteInstance;
private SQLiteDatabase database;
private void resetCloseEvent(){
clearCloseEvent() ;
closeActivityTask = new TimerTask() {
public void run() {
Message message = new Message();
message.what = 1;
handler.sendMessage(message);
}
};
timer.schedule(closeActivityTask, 30000);
}
private void clearCloseEvent(){
if(closeActivityTask != null){
closeActivityTask.cancel() ;
closeActivityTask = null ;
Log.i(TAG, "----------closeActivityTask----------"+closeActivityTask);
}
}
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.gesture_verify);
resetCloseEvent();
tv_texttip = (TextView) findViewById(R.id.tv_edit_texttip);
ib_back = (LinearLayout) findViewById(R.id.ll_head_left);
mGestureContainer = (RelativeLayout) findViewById(R.id.fl_verify_gesture_container);
sqliteInstance = new publicSQLiteOpenHelper(GestureVerifyActivity.this);
database = sqliteInstance.getWritableDatabase();
//从数据库中获取手势密码、剩余次数
firstPassward = sqliteInstance.queryGesturePassword(database);
remainopportunityStr = sqliteInstance.queryGestureTime(database);
if (TextUtils.isEmpty(remainopportunityStr)) {
remainopportunity = 8;
//初始化8次
sqliteInstance.updateGestureInfo(database,null, "8");
} else {
remainopportunity = Integer.parseInt(remainopportunityStr);
}
if(remainopportunity == 0){
tv_texttip.setTextColor(getResources().getColor(R.color.gestureline_red));
tv_texttip.setText(getResources().getString(R.string.no_chance));
}
ib_back.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
finish();
}
});
mGestureContentView = new GestureContentView(this, true, firstPassward,
new GestureCallBack() {
@Override
public void onGestureCodeInput(String inputCode) {
}
@SuppressLint("ShowToast")
@Override
public void checkedSuccess() {
sqliteInstance.updateGestureInfo(database,null, "8");
mGestureContentView.clearDrawlineState(0L);
resetCloseEvent();
finish();
//发送广播
sendBroadcast(new Intent("com.godinsec.seland.intent.CASIntent.INTENT_LOAD_SD"));
}
@Override
public void checkedFail() {
mGestureContentView.clearDrawlineState(2000L);
tv_texttip.setTextColor(getResources().getColor(R.color.gestureline_red));
if(remainopportunity > 0){
remainopportunity-- ;
}
sqliteInstance.updateGestureInfo(database,null, ""+remainopportunity);
resetCloseEvent();
changeText();
}
@Override
public void onGestureLineMove() {
if(remainopportunity > 0){
tv_texttip.setTextColor(getResources().getColor(R.color.textcolor_black_bb));
tv_texttip.setText(getResources().getString(R.string.release_hande_when_finish));
}
}
@Override
public void onPointDown() {
clearCloseEvent() ;
}
});
mGestureContentView.setParentView(mGestureContainer);
}
protected void changeText() {
Log.e("TAGG", "changeText");
if (remainopportunity == 7) {
tv_texttip.setText(getResources().getString(
R.string.wrong_answer_seven));
} else if (remainopportunity == 6) {
tv_texttip.setText(getResources().getString(
R.string.wrong_answer_six));
} else if (remainopportunity == 5) {
tv_texttip.setText(getResources().getString(
R.string.wrong_answer_five));
} else if (remainopportunity == 4) {
tv_texttip.setText(getResources().getString(
R.string.wrong_answer_four));
} else if (remainopportunity == 3) {
tv_texttip.setText(getResources().getString(
R.string.wrong_answer_three));
} else if (remainopportunity == 2) {
tv_texttip.setText(getResources().getString(
R.string.wrong_answer_two));
} else if (remainopportunity == 1) {
tv_texttip.setText(getResources().getString(
R.string.wrong_answer_one));
} else {
tv_texttip.setText(getResources().getString(
R.string.wrong_answer_zero));
handler.postDelayed(errorFinish, 2000);
}
}
@Override
protected void onResume() {
super.onResume();
}
Runnable errorFinish = new Runnable() {
public void run() {
finish();
}
};
@SuppressLint("HandlerLeak")
Handler handler = new Handler() {
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
switch (msg.what) {
case 1:
finish();
break;
}
}
};
private String remainopportunityStr;
private String firstPassward;
protected void onDestroy() {
super.onDestroy();
}
protected void onStop() {
super.onStop();
}
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。