Android实现随机验证码——自定义View

一、问题描述

熟悉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);

  }

}

原文链接：http://www.apkbus.com/blog-625972-58775.html