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();
        codePaint.setTextSize();
        //设置矩形画笔属性
        rectPaint = new Paint();
        rectPaint.setStyle(Paint.Style.STROKE);//空心风格
        rectPaint.setColor(Color.GREEN);
        rectPaint.setStrokeWidth();
        //通过一个矩形将绘制文字包裹在里面，那么你的控件大小就转换成矩形的大小
        rectString = new Rect();
        /**
         * 1,字符串内容  2，字符串起点  3，字符串长度  4，空矩形
         */
        codePaint.getTextBounds(data, , data.length(), rectString);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //记住显示的顺序不要写反了，否则图层覆盖，影响显示
        //画矩形
        canvas.drawRect(, , getWidth(), getHeight(), rectPaint);
        //画验证码
        canvas.drawText(data, , 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() * ( -  + ) + ) + "";
        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>
           

效果图：