手机端产生本地图形验证码

简介: 生成图形验证码校验类package com.chao.createcode;import java.util.Random; import android.graphics.Bitmap;  import android.graphics.Canvas;  import android.graphics.Color;  import android.graphics.Paint

wKiom1XtbzWy6k_fAACxjOjdLlM352.jpg


生成图形验证码校验类

package com.chao.createcode;
import java.util.Random; 
import android.graphics.Bitmap;  
import android.graphics.Canvas;  
import android.graphics.Color;  
import android.graphics.Paint;  
import android.graphics.Bitmap.Config;  
  
public class Code {  
      
    private static final char[] CHARS = {  
        '2', '3', '4', '5', '6', '7', '8', '9',  
        'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'j', 'k', 'm',   
        'n', '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', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'  
    };  
      
    private static Code bmpCode;  
      
    public static Code getInstance() {  
        if(bmpCode == null)  
            bmpCode = new Code();  
        return bmpCode;  
    }  
      
    //default settings  
    private static final int DEFAULT_CODE_LENGTH = 4;  
    private static final int DEFAULT_FONT_SIZE = 25;  
    private static final int DEFAULT_LINE_NUMBER = 2;  
    private static final int BASE_PADDING_LEFT = 10, RANGE_PADDING_LEFT = 15, BASE_PADDING_TOP = 15, RANGE_PADDING_TOP = 20;  
    private static final int DEFAULT_WIDTH = 100, DEFAULT_HEIGHT = 40;  
      
    //settings decided by the layout xml  
    //canvas width and height  
    private int width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT;   
      
    //random word space and pading_top  
    private int base_padding_left = BASE_PADDING_LEFT, range_padding_left = RANGE_PADDING_LEFT,   
            base_padding_top = BASE_PADDING_TOP, range_padding_top = RANGE_PADDING_TOP;  
      
    //number of chars, lines; font size  
    private int codeLength = DEFAULT_CODE_LENGTH, line_number = DEFAULT_LINE_NUMBER, font_size = DEFAULT_FONT_SIZE;  
      
    //variables  
    private String code;  
    private int padding_left, padding_top;  
    private Random random = new Random();  
    //验证码图片  
    public Bitmap createBitmap() {  
        padding_left = 0;  
          
        Bitmap bp = Bitmap.createBitmap(width, height, Config.ARGB_8888);   
        Canvas c = new Canvas(bp);  
  
        code = createCode();  
          
        c.drawColor(Color.WHITE);  
        Paint paint = new Paint();  
        paint.setTextSize(font_size);  
          
        for (int i = 0; i < code.length(); i++) {  
            randomTextStyle(paint);  
            randomPadding();  
            c.drawText(code.charAt(i) + "", padding_left, padding_top, paint);  
        }  
  
        for (int i = 0; i < line_number; i++) {  
            drawLine(c, paint);  
        }  
          
        c.save( Canvas.ALL_SAVE_FLAG );//保存    
        c.restore();//  
        return bp;  
    }  
      
    public String getCode() {  
        return code;  
    }  
      
    //验证码  
    private String createCode() {  
        StringBuilder buffer = new StringBuilder();  
        for (int i = 0; i < codeLength; i++) {  
            buffer.append(CHARS[random.nextInt(CHARS.length)]);  
        }  
        return buffer.toString();  
    }  
      
    private void drawLine(Canvas canvas, Paint paint) {  
        int color = randomColor();  
        int startX = random.nextInt(width);  
        int startY = random.nextInt(height);  
        int stopX = random.nextInt(width);  
        int stopY = random.nextInt(height);  
        paint.setStrokeWidth(1);  
        paint.setColor(color);  
        canvas.drawLine(startX, startY, stopX, stopY, paint);  
    }  
      
    private int randomColor() {  
        return randomColor(1);  
    }  
  
    private int randomColor(int rate) {  
        int red = random.nextInt(256) / rate;  
        int green = random.nextInt(256) / rate;  
        int blue = random.nextInt(256) / rate;  
        return Color.rgb(red, green, blue);  
    }  
      
    private void randomTextStyle(Paint paint) {  
        int color = randomColor();  
        paint.setColor(color);  
        paint.setFakeBoldText(random.nextBoolean());  //true为粗体,false为非粗体  
        float skewX = random.nextInt(11) / 10;  
        skewX = random.nextBoolean() ? skewX : -skewX;  
        paint.setTextSkewX(skewX); //float类型参数,负数表示右斜,整数左斜  
//      paint.setUnderlineText(true); //true为下划线,false为非下划线  
//      paint.setStrikeThruText(true); //true为删除线,false为非删除线  
    }  
      
    private void randomPadding() {  
        padding_left += base_padding_left + random.nextInt(range_padding_left);  
        padding_top = base_padding_top + random.nextInt(range_padding_top);  
    }  
}


Activity代码

package com.chao.createcode;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.Toast;
public class MainActivity extends Activity implements OnClickListener {
 private ImageView iv_showCode;
 private EditText et_phoneCode;
 private EditText et_phoneNum;
 //产生的验证码
 private String realCode;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  
  
  et_phoneCode = (EditText) findViewById(R.id.et_phoneCodes);
  Button but_toSetCode = (Button) findViewById(R.id.but_forgetpass_toSetCodes);
  but_toSetCode.setOnClickListener(this);
  iv_showCode = (ImageView) findViewById(R.id.iv_showCode);
  //将验证码用图片的形式显示出来
  iv_showCode.setImageBitmap(Code.getInstance().createBitmap());
  realCode = Code.getInstance().getCode();
  iv_showCode.setOnClickListener(this);
  
 }
 @Override
 public void onClick(View v) {
  
  switch (v.getId()) {
  case R.id.iv_showCode:
   iv_showCode.setImageBitmap(Code.getInstance().createBitmap());
   realCode = Code.getInstance().getCode();
   System.out.println(realCode);
   break;
  case R.id.but_forgetpass_toSetCodes:
   
   String phoneCode = et_phoneCode.getText().toString();
   if(phoneCode.equalsIgnoreCase(realCode)){
    Toast.makeText(MainActivity.this, phoneCode+"验证码正确", Toast.LENGTH_SHORT).show();
   }else{
    Toast.makeText(MainActivity.this, phoneCode+"验证码错误", Toast.LENGTH_SHORT).show();
   }
   break;
  }
  
  
 }

}


布局XML

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:background="@color/main_color_white" >
      
        <TextView
            android:id="@+id/tv_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="找回密码"
            android:textColor="@color/loan_butBackground"
            android:textSize="20sp" />
        
    </RelativeLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:layout_marginTop="30dp"
        android:orientation="vertical" 
        android:layout_marginLeft="15dp"
        android:layout_marginRight="15dp"
        android:background="@drawable/linearlayout01">
       
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center_vertical"
            android:orientation="horizontal" >
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="20dp"
                android:layout_marginRight="20dp"
                android:text="中国+86"
                android:textColor="#A2CD5A"
                android:textSize="16sp" />
            <View
                android:layout_width="0.1dp"
                android:layout_height="match_parent"
                android:background="@color/loan_butBackground" />
            <EditText
                android:id="@+id/et_forgetPass_PhoneNum"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="20dp"
                android:background="@null"
                android:digits="0123456789"
                android:hint="请填入您的手机号"
                android:inputType="number"
                android:maxLength="11"
                android:textSize="16sp" />
        </LinearLayout>
    </LinearLayout>
  
    <LinearLayout
        
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="15dp"
        android:layout_marginRight="15dp"
        android:layout_marginTop="20dp"
        android:orientation="horizontal" >
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="40dp"
            android:background="@drawable/linearlayout01" >
            <EditText
                android:id="@+id/et_phoneCodes"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:background="@null"
                android:hint="请输入右侧验证码" />
        </LinearLayout>
        <ImageView
            android:id="@+id/iv_showCode"
            android:layout_width="100dp"
            android:layout_marginLeft="10dp"
            android:layout_height="match_parent" />
        
    </LinearLayout>
    <Button
        android:id="@+id/but_forgetpass_toSetCodes"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="20dp"
        android:background="@drawable/buttonshape"
        android:text="获取手机验证码"
        android:textColor="@color/main_color_white" />
</LinearLayout>


参考网站:

http://dwtedx.com/itshare_349.html

 

本文出自 “点滴积累” 博客,请务必保留此出处http://tianxingzhe.blog.51cto.com/3390077/1692459

目录
相关文章
|
7月前
|
存储 JSON JavaScript
前后端分离项目知识汇总(微信扫码登录,手机验证码登录,JWT)-1
前后端分离项目知识汇总(微信扫码登录,手机验证码登录,JWT)
198 0
|
7月前
|
网络协议 JavaScript 前端开发
使用正则表达式验证身份证号、QQ号、手机号、邮箱、地址、邮编、银行卡号、学号、车牌号、快递单号、验证码、ISBN号、网址、IPV4地址、IPV6地址、出生年月日、姓名2
使用正则表达式验证身份证号、QQ号、手机号、邮箱、地址、邮编、银行卡号、学号、车牌号、快递单号、验证码、ISBN号、网址、IPV4地址、IPV6地址、出生年月日、姓名
1856 0
|
SQL Java
如何使用阿里云短信服务实现登录页面,手机验证码登录?1
如何使用阿里云短信服务实现登录页面,手机验证码登录?
422 0
|
4月前
|
JavaScript NoSQL Redis
Vue中实现修改邮箱、手机号等流程的大致过程、验证码由后端的redis生成验证(版本1.0)
这篇文章记录了在Vue中实现修改手机号和邮箱的大致流程,包括使用过滤器部分隐藏展示的手机号和邮箱,以及通过点击触发路由跳转的便捷方式。文章还描述了旧号码和新号码验证的界面实现,其中验证码由后端生成并通过弹窗展示给用户,未来可以接入真正的手机验证码接口。此外,还提供了修改邮箱的页面效果截图,并强调了学习是一个永无止境的过程。
Vue中实现修改邮箱、手机号等流程的大致过程、验证码由后端的redis生成验证(版本1.0)
|
6月前
|
存储 小程序 前端开发
【微信小程序 - 工作实战分享】1.微信小程序发送手机短信验证码(阿里云)
【微信小程序 - 工作实战分享】1.微信小程序发送手机短信验证码(阿里云)
516 0
|
2月前
|
数据采集 消息中间件 API
Python爬虫验证码识别——手机验证码的自动化处理
Python爬虫验证码识别——手机验证码的自动化处理
106 0
|
4月前
|
存储 NoSQL Java
使用redis进行手机验证码的验证、每天只能发送三次验证码 (redis安装在虚拟机linux系统中)
该博客文章展示了如何在Linux虚拟机上使用Redis和Jedis客户端实现手机验证码的验证功能,包括验证码的生成、存储、验证以及限制每天发送次数的逻辑,并提供了测试结果截图。
使用redis进行手机验证码的验证、每天只能发送三次验证码 (redis安装在虚拟机linux系统中)
|
7月前
|
网络协议 JavaScript 前端开发
使用正则表达式验证身份证号、QQ号、手机号、邮箱、地址、邮编、银行卡号、学号、车牌号、快递单号、验证码、ISBN号、网址、IPV4地址、IPV6地址、出生年月日、姓名1
使用正则表达式验证身份证号、QQ号、手机号、邮箱、地址、邮编、银行卡号、学号、车牌号、快递单号、验证码、ISBN号、网址、IPV4地址、IPV6地址、出生年月日、姓名
498 0
|
4月前
|
存储 监控 开发工具
Django 后端架构开发:手机与邮箱验证码接入、腾讯云短信SDK和网易邮箱
Django 后端架构开发:手机与邮箱验证码接入、腾讯云短信SDK和网易邮箱
75 0
|
4月前
【Azure 环境】中国区Azure B2C 是否支持手机验证码登录呢?
【Azure 环境】中国区Azure B2C 是否支持手机验证码登录呢?