一、问题描述
熟悉web开发中童鞋们都知道为了防止恶意破解、恶意提交、刷票等我们在提交表单数据时，都会使用随机验证码功能。在Android应用中我们同样需要这一功能，该如何实现呢，下面我们就自定义一个随机验证码View控件实现这一需求，并且具备通用性，需要的时候在界面中直接加入这个View组件即可。
二、案例介绍
案例所涉及组件
1、CheckView 自定义的验证码控件，主要重写onDraw方法实现图形绘制
2、Config：用于对验证码控件参数的配置，像画点点数、划线数、背景颜色的设置
3、CheckUtil：验证码相关工具类，实现例如随机的点坐标、随机线段起始和结束点坐标、验证码校验等功能
4、MainActivity：测试应用
三、功能实现
1、编写Config组件
/**
* 功能：用于对验证码控件参数的配置
* */
public class Config {// 验证码更新时间
public static final int PTEDE_TIME = 1200;
// 点数设置
public static final int POINT_NUM = 100;
// 线段数设置
public static final int LINE_NUM = 2;
//设置背景颜色
public static final int COLOR=Color.BLUE;
//随机数据长度
public static int TEXT_LENGTH=4;
//设置验证码字体大小
public static int TEXT_SIZE=30;
}
2、CheckUtil组件
/**
* 功能：验证码相关工具类
* */
public class CheckUtil
{/**
* 产生随机数字
* @return
*/
public static int [] getCheckNum(){int [] tempCheckNum = new int[Config.TEXT_LENGTH];
for(int i = 0; i < Config.TEXT_LENGTH; i++){tempCheckNum[i] = (int) (Math.random() * 10);
}
return tempCheckNum;
}
/**
* 随机产生划线的起始点坐标和结束点坐标
* @param height 传入CheckView的高度值
* @param width 传入CheckView的宽度值
* @return 起始点坐标和结束点坐标
*/
public static int[] getLine(int height, int width){ int [] tempCheckNum = {0,0,0,0}; for(int i = 0; i < 4; i+=2){tempCheckNum[i] = (int) (Math.random() * width);
tempCheckNum[i + 1] = (int) (Math.random() * height);
}
return tempCheckNum;
}
/**
* 随机产生点的圆心点坐标
* @param height 传入CheckView的高度值
* @param width 传入CheckView的宽度值
* @return
*/
public static int[] getPoint(int height, int width){ int [] tempCheckNum = {0,0,0,0};tempCheckNum[0] = (int) (Math.random() * width);
tempCheckNum[1] = (int) (Math.random() * height);
return tempCheckNum;
}
/**
* 验证是否正确
* @param userCheck 用户输入的验证码
* @param checkNum 验证控件产生的随机数
* @return
*/
public static boolean checkNum(String userCheck, int[] checkNum){ if(userCheck.length() != 4 ){return false;
}
String checkString = "";
for (int i = 0; i < 4; i++) {checkString += checkNum[i];
}
if(userCheck.equals(checkString)){return true;
}
else {return false;
}
}
/**
* 计算验证码的绘制y点位置
* @param height 传入CheckView的高度值
* @return
*/
public static int getPositon(int height){int tempPositoin = (int) (Math.random() * height);
if(tempPositoin < 20){tempPositoin += 20;
}
return tempPositoin;
}
}
3、自定义验证码控件CheckView
public class CheckView extends View{Context mContext;
int [] CheckNum = null;
Paint mTempPaint = new Paint();
// 验证码
public CheckView(Context context, AttributeSet attrs) {super(context, attrs);
mContext = context;
mTempPaint.setAntiAlias(true);
mTempPaint.setTextSize(Config.TEXT_SIZE);
mTempPaint.setStrokeWidth(3);
}
public void onDraw(Canvas canvas){canvas.drawColor(Config.COLOR);
final int height = getHeight();//获得CheckView控件的高度
final int width = getWidth();//获得CheckView控件的宽度
int dx = 40;
for(int i = 0; i < 4; i ++){//绘制验证控件上的文本 canvas.drawText("" + CheckNum[i], dx, CheckUtil.getPositon(height), mTempPaint);dx += width/ 5;
}
int [] line;
for(int i = 0; i < Config.LINE_NUM; i ++){//划线line = CheckUtil.getLine(height, width);
canvas.drawLine(line[0], line[1], line[2], line[3], mTempPaint);
}
// 绘制小圆点
int [] point;
for(int i = 0; i < Config.POINT_NUM; i ++) {//画点point=CheckUtil.getPoint(height, width);
canvas.drawCircle(point[0], point[1], 1, mTempPaint);
}
}
public void setCheckNum(int [] chenckNum) {//设置验证码CheckNum = chenckNum;
}
public int[] getCheckNum() {//获得验证码return CheckNum;
}
public void invaliChenkNum() {invalidate();
}
}
4、编写MainActivity测试代码
public class MainActivity extends Activity implements View.OnClickListener{private CheckAction mCheckView ;
private TextView mShowPassViwe;
private EditText mEditPass;
private Button mSubmit;
private Button mRef;
// 验证码：
private int [] checkNum =null;
public void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);
setContentView(R.layout.main);
initView();
initCheckNum();
}
public void initView(){mCheckView = (CheckView) findViewById(R.id.checkView);
mShowPassViwe = (TextView) findViewById(R.id.checkpass);
mEditPass = (EditText) findViewById(R.id.checkTest);
mSubmit = (Button) findViewById(R.id.submit);
mRef = (Button) findViewById(R.id.ref);
mSubmit.setOnClickListener(this);
mRef.setOnClickListener(this);
}
// 初始化验证码并且刷新界面
public void initCheckNum(){checkNum = CheckUtil.getCheckNum();
mCheckView.setCheckNum(checkNum);
mCheckView.invaliChenkNum();
}
public void onClick(View v) { switch (v.getId()){case R.id.submit:
String userInput = mEditPass.getText().toString();
if(CheckUtil.checkNum(userInput, checkNum)){ setPassString("通过");Toast.makeText(this, "通过", 1200).show();
}else{ setPassString("未通过");Toast.makeText(this, "未通过", 1200).show();
}
break;
case R.id.ref:
initCheckNum();
break;
default:
break;
}
}
public void setPassString(String passString) {mShowPassViwe.setText(passString);
}
}
随时随地看视频
