登录注册那些事儿（三）

验证码

示例图：

一、图形验证码

        XML代码：

<RelativeLayout
    android:id="@+id/layout_YZM"
    android:layout_width="fill_parent"
    android:layout_height="48dp"
    android:layout_marginLeft="20dp"
    android:layout_marginRight="20dp"
    android:layout_marginTop="16dp"
    android:background="@drawable/corners_bg"
    android:visibility="visible" >

    <EditText
        android:id="@+id/editText_verification_code2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_marginLeft="10dp"
        android:background="#ffffff"
        android:ems="10"
        android:maxLength="4"
        android:gravity="left|center"
        android:hint="验证码"
        android:singleLine="true" >
    </EditText>

    <ImageView
        android:id="@+id/verification_code"
        android:layout_width="100dp"
        android:layout_height="40dp"
        android:layout_marginRight="3dp"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:scaleType="fitXY" />
</RelativeLayout>

Java代码：

editText_verification_code2 = (EditText) findViewById(R.id.editText_verification_code2);
verification_code = (ImageView) findViewById(R.id.verification_code);
onCreateCheckCode();

//    显示图形验证码
    private void onCreateCheckCode() {
        bitmap = CodeUtils.getInstance().createBitmap();
        if (bitmap != null) {
            verification_code.setImageBitmap(bitmap);
        }
    }

//        校验验证码
        checkCode_btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 判断验证码---先判断验证码布局是否显示
//                if (yzm_layout.getVisibility() == View.VISIBLE) {// 已经显示
                    String verificationCode = editText_verification_code2.getText().toString();
                    if (TextUtils.isEmpty(verificationCode)) {
                        Toast.makeText(LoginActivity.this, "请输入验证码",Toast.LENGTH_SHORT).show();
                        return;
                    }
                    if (!verificationCode.toLowerCase().equals(CodeUtils.getInstance().getCode().toLowerCase())) {
                        Toast.makeText(LoginActivity.this, "请输入正确的验证码", Toast.LENGTH_SHORT).show();
                        return;
                    }
                Toast.makeText(LoginActivity.this, "验证码校验成功", Toast.LENGTH_SHORT).show();
//                }
            }
        });

设置一个生成图形验证码的工具类：
package com.yingzhang.myapplication;

import android.graphics.Bitmap;  
import android.graphics.Bitmap.Config;  
import android.graphics.Canvas;  
import android.graphics.Color;  
import android.graphics.Paint;  
import android.util.Log;
  
import java.util.Random;  
  
/** 
 * Created by Jackie on 2015/12/1. 
 * 用于图片验证码的工具类 
 */  
public class CodeUtils {  
    private static final char[] CHARS = {  
            '0', '1', '2', '3', '4', '5', '6', '7', '8', '9',  
            'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm',  
            'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z',  
            'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M',  
            'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'  
    };  
  
    private static CodeUtils mCodeUtils;  
    private int mPaddingLeft, mPaddingTop;  
    private StringBuilder mBuilder = new StringBuilder();  
    private Random mRandom = new Random();  
    private String mCode;//用于比较输入的验证码是否一致
  
    //Default Settings  
    private static final int DEFAULT_CODE_LENGTH = 4;//验证码的长度  这里是4位  
    private static final int DEFAULT_FONT_SIZE = 50;//字体大小  
    private static final int DEFAULT_LINE_NUMBER = 3;//多少条干扰线  
    private static final int BASE_PADDING_LEFT = 10; //左边距  
    private static final int RANGE_PADDING_LEFT = 35;//左边距范围值  
    private static final int BASE_PADDING_TOP = 42;//上边距  
    private static final int RANGE_PADDING_TOP = 15;//上边距范围值  
    private static final int DEFAULT_WIDTH = 200;//默认宽度.图片的总宽  
    private static final int DEFAULT_HEIGHT = 100;//默认高度.图片的总高  
    private static final int DEFAULT_COLOR = 0xDF;//默认背景颜色值
  
    public static CodeUtils getInstance() {  
        if(mCodeUtils == null) {  
            mCodeUtils = new CodeUtils();  
        }  
        return mCodeUtils;  
    }  
  
    //生成验证码图片  
    public Bitmap createBitmap() {  
        mPaddingLeft = 0; //每次生成验证码图片时初始化  
        mPaddingTop = 0;  
  
        Bitmap bitmap = Bitmap.createBitmap(DEFAULT_WIDTH, DEFAULT_HEIGHT, Config.ARGB_8888);  
        Canvas canvas = new Canvas(bitmap);  
  
        //生成的验证码  
        String code = createCode();
        mCode = code;
  
        canvas.drawColor(Color.rgb(DEFAULT_COLOR, DEFAULT_COLOR, DEFAULT_COLOR));  
        Paint paint = new Paint();  
        paint.setTextSize(DEFAULT_FONT_SIZE);  
  
        for (int i = 0; i < code.length(); i++) {  
            randomTextStyle(paint);  
            randomPadding();  
            canvas.drawText(code.charAt(i) + "" , mPaddingLeft, mPaddingTop, paint);  
        }  
  
        //干扰线  
        for (int i = 0; i < DEFAULT_LINE_NUMBER; i++) {  
            drawLine(canvas, paint);  
        }  
  
        canvas.save(Canvas.ALL_SAVE_FLAG);//保存  
        canvas.restore();  
        return bitmap;  
    }  
  
    //生成验证码  
    public String createCode() {  
        mBuilder.delete(0, mBuilder.length()); //使用之前首先清空内容  
  
        for (int i = 0; i < DEFAULT_CODE_LENGTH; i++) {  
            mBuilder.append(CHARS[mRandom.nextInt(CHARS.length)]);  
        }  
  
        return mBuilder.toString();  
    }  
    
    public String getCode(){
       return mCode;  
    }
  
    //生成干扰线  
    private void drawLine(Canvas canvas, Paint paint) {  
        int color = randomColor();  
        int startX = mRandom.nextInt(DEFAULT_WIDTH);  
        int startY = mRandom.nextInt(DEFAULT_HEIGHT);  
        int stopX = mRandom.nextInt(DEFAULT_WIDTH);  
        int stopY = mRandom.nextInt(DEFAULT_HEIGHT);  
        paint.setStrokeWidth(1);  
        paint.setColor(color);  
        canvas.drawLine(startX, startY, stopX, stopY, paint);  
    }  
  
    //随机颜色  
    private int randomColor() {  
        mBuilder.delete(0, mBuilder.length()); //使用之前首先清空内容  
  
        String haxString;  
        for (int i = 0; i < 3; i++) {  
            haxString = Integer.toHexString(mRandom.nextInt(0xFF));  
            if (haxString.length() == 1) {  
                haxString = "0" + haxString;  
            }  
  
            mBuilder.append(haxString);  
        }  
  
        return Color.parseColor("#" + mBuilder.toString());  
    }  
  
    //随机文本样式  
    private void randomTextStyle(Paint paint) {  
        int color = randomColor();  
        paint.setColor(color);  
        paint.setFakeBoldText(mRandom.nextBoolean());  //true为粗体，false为非粗体  
        float skewX = mRandom.nextInt(11) / 10;  
        skewX = mRandom.nextBoolean() ? skewX : -skewX;  
        paint.setTextSkewX(skewX); //float类型参数，负数表示右斜，整数左斜  
//        paint.setUnderlineText(true); //true为下划线，false为非下划线  
//        paint.setStrikeThruText(true); //true为删除线，false为非删除线  
    }  
  
    //随机间距  
    private void randomPadding() {  
        mPaddingLeft += BASE_PADDING_LEFT + mRandom.nextInt(RANGE_PADDING_LEFT);  
        mPaddingTop = BASE_PADDING_TOP + mRandom.nextInt(RANGE_PADDING_TOP);  
    }  
}  

二、短信验证码

XML代码：

<RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="48dp"
    android:layout_marginLeft="20dp"
    android:layout_marginRight="20dp"
    android:layout_marginTop="16dp"
    android:background="@drawable/corners_bg"
    android:visibility="visible" >

    <EditText
        android:id="@+id/editText_verification_code1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_marginLeft="10dp"
        android:background="#ffffff"
        android:ems="10"
        android:maxLength="4"
        android:gravity="left|center"
        android:hint="获取验证码"
        android:singleLine="true" >
    </EditText>

    <Button
        android:id="@+id/getCode_btn"
        android:layout_width="wrap_content"
        android:layout_height="40dp"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="20dp"
        android:paddingLeft="2dp"
        android:paddingRight="2dp"
        android:layout_marginRight="3dp"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:scaleType="fitXY"
        android:background="@drawable/buttonstyle"
        android:text="获取验证码"
        android:textColor="#FFFFFF"
        android:textSize="18sp" />
</RelativeLayout>

java代码：

//  获取短信验证码
        getCode_btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                new Thread(new Runnable() {
                    @Override
                    public void run() {
                        try {
                            Thread.sleep(5000);//在子线程有一段耗时操作,比如请求网络
//                            LoginActivity.this.runOnUiThread(new Runnable() {
//                                @Override
//                                public void run() {

//                                    Message msg = new Message();
//                                    Bundle bundle = new Bundle();
//                                    bundle.putString("color", "黄色");
//                                    msg.setData(bundle);
//                                    msg.what = 3;
//                                    mHandler.sendMessage(msg);
//

//                                    mHandler.obtainMessage()
//                                    mHandler.dispatchMessage();
//                                    mHandler.handleMessage();
//                                    mHandler.removeMessages();
//                                    mHandler.sendMessageDelayed()
//
//                                    handler.post()
//                                    handler.removeCallbacks();
//                                    handler.postDelayed()




//                            String str = "数据更新完成！";
//                            //获取消息对象
//                            Message msg2 = mHandler.obtainMessage();
//                            msg2.obj = str;
//                            msg2.what = 2;
//                            //发送消息, 更新ＵＩ要放到主线程中做
//                             mHandler.sendMessage(msg2);
//                                }
//                            });
                            handler.post(runnable);
                            Looper.prepare();
                            Toast.makeText(LoginActivity.this, "验证码发送成功", Toast.LENGTH_SHORT).show();
                            Looper.loop();
//                            LoginActivity.this.runOnUiThread(new Runnable() {
//                                @Override
//                                public void run() {
//                                    Toast.makeText(LoginActivity.this, "验证码发送成功", Toast.LENGTH_SHORT).show();
//                                    handler.post(runnable);
//                                }
//                            });
                        } catch (InterruptedException e) {
                            e.printStackTrace();
                        }
                    }
                }).start();
            }
        });

//    Handler使用 方式一
    private Handler mHandler = new Handler() {
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);

            switch (msg.what) {
                
                case 2:
                    String  str = (String) msg.obj;
                    Toast.makeText(LoginActivity.this, str, Toast.LENGTH_SHORT).show();
                    break;
                case 3:
                    Bundle mBundle = new Bundle();

                    mBundle= msg.getData();
                    String color = mBundle.getString("color");
                    Toast.makeText(LoginActivity.this, color, Toast.LENGTH_SHORT).show();
                    break;
               
                default:
                    break;
            }
        }
    };

    //    Handler使用 方式二
    private Handler handler = new Handler();
    private Runnable runnable = new Runnable() {
        @Override
        public void run() {
//            Toast.makeText(LoginActivity.this, "验证码发送成功", Toast.LENGTH_SHORT).show();
            steep--;
            if (steep > 0) {
                getCode_btn.setText(steep - 1 + intstr);
                getCode_btn.setEnabled(false);
                handler.postDelayed(runnable, 1000);
            } else {
                getCode_btn.setText("发送验证码");
                getCode_btn.setEnabled(true);
                steep = 60;
                handler.removeCallbacks(runnable);
            }

        }
    };