Android实现随机验证码——自定义View-白红宇

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

阅读量：6513 次

发布时间：2019-06-24

本文共 5966 字，大约阅读时间需要 19 分钟。

一、问题描述

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

作者：

出处：

本文版权归和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

你可能感兴趣的文章