Android：自定义View（随机生成验证码）

一、效果：

1，点击一下，生成一个四位数验证码，
2，并且验证码由一个矩形框包裹着

二、参阅本案例主要留两个点：

1，绘制验证码和矩形的过程(onDraw)，以及获取字符串的宽高(Paint.getTextBounds)
2，重点关注测量过程，即onMeasure()方法的使用

三、代码：

MainActivity中的代码：

package com.myapplication.myyanzhengcode;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;/** * 自定义继承View,写一个随机产生验证码（4位） * 1.继承View * 2.在ondraw()方法里面绘制随机生成的字符串（Random） * 3.设置点击的监听，监听到点击之后更改生成的数字（重绘） * 4.因为布局里面设置的属性，我需要重新计算显示控件的大小（重要） * 5.验证你的控件 */public class MainActivity extends AppCompatActivity {    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);    }}

MyYanzheng.java 文件中的代码：

package com.myapplication.myyanzhengcode;import android.content.Context;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.graphics.Rect;import android.util.AttributeSet;import android.view.View;/** * 效果，点击一次，生成一次验证码 * Created by Administrator on 2016/2/26. */public class MyYanZheng extends View {    private Paint codePaint;    private Paint rectPaint;    private String data = "1234";    private Rect rectString;    public MyYanZheng(Context context) {        super(context);    }    public MyYanZheng(Context context, AttributeSet attrs) {        super(context, attrs);        //初始化        init();        //设置监听，点击一次就重新生成一次验证码        this.setOnClickListener(new OnClickListener() {            @Override            public void onClick(View v) {                data = getRandom2();                //重新绘制，让点击前的重置为无效                invalidate();            }        });    }    //初始化画笔    private void init() {        //设置生成代码的画笔的属性        codePaint = new Paint();        codePaint.setColor(Color.RED);        codePaint.setStrokeWidth(10);        codePaint.setTextSize(80);        //设置矩形画笔属性        rectPaint = new Paint();        rectPaint.setStyle(Paint.Style.STROKE);//空心风格        rectPaint.setColor(Color.GREEN);        rectPaint.setStrokeWidth(15);        //通过一个矩形将绘制文字包裹在里面，那么你的控件大小就转换成矩形的大小        rectString = new Rect();        /**         * 1,字符串内容  2，字符串起点  3，字符串长度  4，空矩形         */        codePaint.getTextBounds(data, 0, data.length(), rectString);    }    @Override    protected void onDraw(Canvas canvas) {        super.onDraw(canvas);        //记住显示的顺序不要写反了，否则图层覆盖，影响显示        //画矩形        canvas.drawRect(0, 0, getWidth(), getHeight(), rectPaint);        //画验证码        canvas.drawText(data, 0, getHeight(), codePaint);    }    //生成四位随机数的方法一//    public String getRandom() {//        Random random = new Random();//        Set<Integer> set = new HashSet<>();//        循环注意终止条件是set.size()<4//        for (int i = 0; set.size() < 4; i++) {//            int value = random.nextInt(10);//            set.add(value);//        }//        //将生成的验证码装载stringbuffer里面//        StringBuffer stringBuffer = new StringBuffer();//        for (Integer i : set) {//            stringBuffer.append(i);//        }//        return stringBuffer.toString();//    }    //生成四位随机数的方法二（弊端：只能生成>1000的数字，如0069此法无法生成）    public String getRandom2() {        //(int) (Math.random() * (大数 - 小数 + 1) + 小数)        String codeStr = (int) (Math.random() * (9999 - 1000 + 1) + 1000) + "";        return codeStr;    }    /**     * 当设置wrap_content属性的时候，系统测量的不准确你需重新计算     * MeasureSpec这个类可以帮助我们进行计算和获取当前在布局里面设置的模式     * At_most-------wrap_content     * Exactly-------match_parent,或者固定尺寸，如100dp;     * At_most通常计算不准确，需要自己计算     */    @Override    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {        //  super.onMeasure(widthMeasureSpec, heightMeasureSpec);        //获取当前宽度设置模式        int widthMode = MeasureSpec.getMode(widthMeasureSpec);        //获取宽度参考值，下面高度同理分别获取        int widthCK = MeasureSpec.getSize(widthMeasureSpec);        int heightMode = MeasureSpec.getMode(heightMeasureSpec);        int heightCK = MeasureSpec.getSize(heightMeasureSpec);        int width, height;        if (widthMode == MeasureSpec.EXACTLY) {            //如果精确测量模式，直接赋值            width = widthCK;        } else {            //如果不是精确测量模式，取字符串的宽度来赋值            width = rectString.width();        }        if (heightMode == MeasureSpec.EXACTLY) {            height = heightCK;        } else {            height = rectString.height();        }        //重新设置计算的值        setMeasuredDimension(width, height);    }}

布局文件中代码：

<?xml version="1.0" encoding="utf-8"?><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.myapplication.myyanzhengcode.MainActivity"    >    <com.myapplication.myyanzhengcode.MyYanZheng        android:layout_width="wrap_content"        android:layout_height="wrap_content"        /></RelativeLayout>

效果图：