Android-自定义点选文字验证

分析

从上面的效果图中，我们可以很直观的看出一共包含三个元素：背景图、空缺部分、填充部分，需要注意的是：
1. 空缺部分缺失的图片刚好是填充部分
2. 我们把填充部分位置固定在左侧，而随机生成空缺部分在右侧，增加验证难度

思路

1. 准备背景图片，通过canvas.drawBitmap() 方法画出背景图
2. 计算View宽高，随机生成空缺部分的x坐标在（width/3, width）范围，固定填充部分的x左边在（0，width/3）范围内，保证填充部分和空缺部分在初始化时没有重叠。（不严谨，具体数值还要结合空缺部分/填充部分尺寸详细计算，仅提供思路）。
3. 先随机生成空缺部分，然后根据空缺部分在原来Bitmap上的左边生成一样大小一样形状的图片，用于填充部分。
4. 然后重写onTouchEvent方法，处理拖动时填充部分的位移，在MotionEvent.ACTION_UP条件下，计算填充部分和空缺部分在画布中的x坐标差值，判断当差值小于阙值 dx 时，则认为通过验证，否则调用 invalidate() 方法重新生成验证码。

主要代码分析

这里重写了onMeasure方法，根据我们准备的原图片尺寸设置View宽高，并且重新生成和View一样尺寸的背景图newBgBitmap，统一尺寸以便后面我们对左边的转化。(这里曾经有些地方参照画布尺寸计算，有些地方参照背景图bitmap尺寸计算，导致填充部分和空缺部分没有吻合)。

@Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int minimumWidth = getSuggestedMinimumWidth();
        /*根据原背景图宽高比设置画布尺寸*/
        width = measureSize(minimumWidth, widthMeasureSpec);
        float scale = width / (float) bgBitmap.getWidth();
        height = (int) (bgBitmap.getHeight() * scale);
        setMeasuredDimension(width, height);

        /*根据画布尺寸生成相同尺寸的背景图*/
        newBgBitmap = clipBitmap(bgBitmap, width, height);
        /*根据新的背景图生成填充部分*/
        srcBitmap = createSmallBitmap(newBgBitmap);
    }

设置画笔的混合模式，生成一张自定义形状的图片供填充部分使用

    public Bitmap createSmallBitmap(Bitmap var) {
        Bitmap bitmap = Bitmap.createBitmap(shadowSize, shadowSize, Bitmap.Config.ARGB_8888);
        Canvas canvas1 = new Canvas(bitmap);
        canvas1.drawCircle(shadowSize / 2, shadowSize / 2, shadowSize / 2, paintSrc);
        /*设置混合模式*/
        paintSrc.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));

        /*在指定范围随机生成空缺部分坐标，保证空缺部分出现在View右侧*/