Android随机生成验证码

Android随机生成验证码,Android利用随机数绘制不规则的验证码,加强用户登录或者注册的安全性。
具体思路如下:
在一块固定宽高的画布上,画上固定个数的随机数字和字母,再画上固定条数的干扰线
随机数和干扰线的颜色随机生成,随机数的样式随机生成。

界面效果如下:

1、生成随机数代码,Code.java:

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 = 5;
 //padding值
 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.setAntiAlias(true);
  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为非删除线
 }
 //随机生成padding值
 private void randomPadding() {
  padding_left += base_padding_left + random.nextInt(range_padding_left);
  padding_top = base_padding_top + random.nextInt(range_padding_top);
 }
}

2、编写布局文件,activity_main.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/security_code_bg"> 

  <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/security_code_bg" > 

   <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>

3、在主界面生成随机数,校验验证码MainActivity.java:

public class MainActivity extends Activity implements OnClickListener {
 public static final String TAG = MainActivity.class.getName();
 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().toLowerCase();
  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().toLowerCase();
    Log.v(TAG,"realCode"+realCode);
    break;
   case R.id.but_forgetpass_toSetCodes:
    String phoneCode = et_phoneCode.getText().toString().toLowerCase();
    String msg = "生成的验证码:"+realCode+"输入的验证码:"+phoneCode;
    Toast.makeText(MainActivity.this,msg,Toast.LENGTH_LONG).show(); 

    if (phoneCode.equals(realCode)) {
     Toast.makeText(MainActivity.this, phoneCode + "验证码正确", Toast.LENGTH_SHORT).show();
    } else {
     Toast.makeText(MainActivity.this, phoneCode + "验证码错误", Toast.LENGTH_SHORT).show();
    }
    break;
  }
 }
}

至此,基本功能已实现,源码下载:http://xiazai.jb51.net/201611/yuanma/AndroidSecurityCode(jb51.net).rar

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android自定义View绘制随机生成图片验证码

    本篇文章讲的是Android自定义View之随机生成图片验证码,开发中我们会经常需要随机生成图片验证码,但是这个是其次,主要还是想总结一些自定义View的开发过程以及一些需要注意的地方. 按照惯例先看看效果图: 一.先总结下自定义View的步骤: 1.自定义View的属性 2.在View的构造方法中获得我们自定义的属性 3.重写onMesure 4.重写onDraw 其中onMesure方法不一定要重写,但大部分情况下还是需要重写的 二.View 的几个构造函数 1.public CustomV

  • Android自定义View实现随机验证码

    对于android开发来说自定义View还是一个比较重要的技能,所以在这里写一篇自定义View入门的文章,也是实现一个相对简单的随机产生验证码的功能: 自定义View主要也就分为几步  1.自定义View的属性  2.在我们的自定义的布局中获取自定义属性  3.重写onMesure方法  4.重写onDraw方法 好现在我们就一步一步的来,首先创建我们的View属性 在valuse目录下创建一个attrs.xml的文件,然后: <?xml version="1.0" encodi

  • android随机生成圆形云标签效果

    这个适合用于选择 用户的一些兴趣标签,个性名片等. package com.dyl.cloudtags; import java.util.ArrayList; import java.util.Arrays; import java.util.Random; import android.app.Activity; import android.content.SharedPreferences; import android.os.Bundle; import android.view.Vi

  • Android自定义wheelview随机选号效果

    先看下利用wheelview实现滚动随机选择号码效果: 直接上代码 首页就是dialog显示不在描述 主要看dialog代码 package com.yskj.jh.wheeldemo; import android.app.Dialog; import android.content.Context; import android.os.Bundle; import android.view.View; import android.view.ViewGroup; import android

  • Android自定义控件深入学习 Android生成随机验证码

    在上一篇的文章中介绍了自定义控件的属性,详情见<详解Android自定义控件属性TypedArray以及attrs>.那么在这基础上实现随机验证码生成,里面的代码是自定义控件以及涉及到自定义view绘画. 1.先看实现的效果图 看到这个效果图是不是感觉还可以.那么就看看源码吧. 2.attr文件 <?xml version="1.0" encoding="utf-8"?> <resources> <attr name=&qu

  • Android自定义View编写随机验证码

    很多的Android入门程序猿来说对于Android自定义View,可能都是比较恐惧的,但是这又是高手进阶的必经之路,所有准备在自定义View上面花一些功夫,多写一些文章.先总结下自定义View的步骤: 1.自定义View的属性 2.在View的构造方法中获得我们自定义的属性 [ 3.重写onMesure ] 4.重写onDraw 我把3用[]标出了,所以说3不一定是必须的,当然了大部分情况下还是需要重写的. 1.自定义View的属性,首先在res/values/  下建立一个attrs.xml

  • android端实现验证码随机生成功能

    本文实例为大家分享了android端生成随机验证码的具体代码,供大家参考,具体内容如下 package com.nobeg.util; import java.util.Random; import android.graphics.Bitmap; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.Bitmap.

  • Android自定义View绘制四位数随机码

    现在有这样一个需求,实现显示随机随机数可能在代码中直接很简单的就实现了,但是现在我们直接自定义View来实现这个效果,那么我们来分析一波吧,我们允许开发者自己设置这个textview的大小,颜色,和初始四位随机数的文字,那么我们需要提供自定义属性,好吧,首先把自定义属性的简单使用介绍一下吧: 首先在res/values文件夹下建利attrs.xml文件,由于这次我们功能决定我们要提供三个自定义属性,分别是textTitle String类型的,textColor是color类型的,textSiz

  • Android通过自定义View实现随机验证码

    很多的Android入门程序猿来说对于Android自定义View,可能都是比较恐惧的,但是这又是高手进阶的必经之路,所有准备在自定义View上面花一些功夫,多写一些文章. 一.问题描述 熟悉web开发中童鞋们都知道为了防止恶意破解.恶意提交.刷票等我们在提交表单数据时,都会使用随机验证码功能.在Android应用中我们同样需要这一功能,该如何实现呢,下面我们就自定义一个随机验证码View控件实现这一需求,并且具备通用性,需要的时候在界面中直接加入这个View组件即可. 二.案例介绍 案例运行效

  • Android 获取随机验证码功能示例

    验证码功能在各大网站都能用到,下面小编通过实例代码给大家分享Android 获取随机验证码功能,具体代码如下所示: package cn.hk.image; import java.awt.BasicStroke; import java.awt.Color; import java.awt.Font; import java.awt.Graphics2D; import java.awt.image.BufferedImage; import java.io.IOException; impo

随机推荐