Android 驗證碼功能實現代碼_Android

來源:互聯網
上載者:User

先給大家展示下效果圖,如果大家感覺還不錯,請參考實現代碼

很簡單的一個例子,點擊重新整理驗證碼,重新整理當前顯示的驗證碼,點擊確定,如果輸入的和顯示的匹配,就會跳轉到下一個介面中,這裡只是實現了跳轉,並沒有進行其它的操作

好了 接下來就是代碼了

首先看MainActivity的布局

<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=".MainActivity" ><TextViewandroid:id="@+id/textView1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentLeft="true"android:layout_alignParentTop="true"android:layout_marginLeft="20dp"android:layout_marginTop="77dp"android:text="驗證碼:" /><EditTextandroid:id="@+id/vc_code"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignBaseline="@+id/textView1"android:layout_alignBottom="@+id/textView1"android:layout_toRightOf="@+id/textView1"android:ems="10" ><requestFocus /></EditText><Buttonandroid:id="@+id/vc_ok"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignLeft="@+id/vc_image"android:layout_alignRight="@+id/vc_shuaixi"android:layout_below="@+id/vc_shuaixi"android:layout_marginTop="15dp"android:text="確定" /><Buttonandroid:id="@+id/vc_shuaixi"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignRight="@+id/vc_code"android:layout_alignTop="@+id/vc_image"android:layout_marginRight="20dp"android:text="重新整理驗證碼" /><ImageViewandroid:id="@+id/vc_image"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignLeft="@+id/textView1"android:layout_below="@+id/vc_code"android:layout_marginTop="25dp"android:src="@drawable/ic_launcher" /></RelativeLayout>

MainActivity代碼

package com.example.yanzhengma;import android.R.string;import android.os.Bundle;import android.app.Activity;import android.content.ClipData.Item;import android.content.Intent;import android.view.Menu;import android.view.View;import android.view.View.OnClickListener;import android.widget.Button;import android.widget.EditText;import android.widget.ImageView;import android.widget.TextView;import android.widget.Toast;public class MainActivity extends Activity implements OnClickListener {ImageView vc_image; // 圖片Button vc_shuaixi, vc_ok;String getCode = null;EditText vc_code;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);vc_image = (ImageView) findViewById(R.id.vc_image);vc_image.setImageBitmap(Code.getInstance().getBitmap());vc_code = (EditText) findViewById(R.id.vc_code);getCode = Code.getInstance().getCode(); // 擷取顯示的驗證碼vc_shuaixi = (Button) findViewById(R.id.vc_shuaixi);vc_shuaixi.setOnClickListener(this);vc_ok = (Button) findViewById(R.id.vc_ok);vc_ok.setOnClickListener(this);}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.getMenuInflater().inflate(R.menu.main, menu);return true;}@Overridepublic void onClick(View view) {// TODO Auto-generated method stubswitch (view.getId()) {case R.id.vc_shuaixi:vc_image.setImageBitmap(Code.getInstance().getBitmap());getCode = Code.getInstance().getCode();break;case R.id.vc_ok:String v_code = vc_code.getText().toString().trim();if (v_code == null || v_code.equals("")) {Toast.makeText(MainActivity.this, "驗證碼為空白", Toast.LENGTH_SHORT).show();} else if (!v_code.equals(getCode)) {Toast.makeText(MainActivity.this, "驗證碼錯誤", Toast.LENGTH_SHORT).show();} else {Toast.makeText(MainActivity.this, "驗證成功", Toast.LENGTH_SHORT).show();Intent itIntent = new Intent(MainActivity.this,secondActivity.class);startActivity(itIntent);MainActivity.this.finish();}break;}}}

好了,到重點部分了,繪製驗證碼

package com.example.yanzhengma;import java.util.Random;import android.graphics.Bitmap;import android.graphics.Bitmap.Config;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;public class Code {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 Code bpUtil;private Code() {};public static Code getInstance() {if (bpUtil == null)bpUtil = new Code();return bpUtil;}private static final int DEFAULT_CODE_LENGTH = 4;// 驗證碼的長度 這裡是4位private static final int DEFAULT_FONT_SIZE = 60;// 字型大小private static final int DEFAULT_LINE_NUMBER = 3;// 多少條幹擾線private static final int BASE_PADDING_LEFT = 20; // 左邊距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 = 70;// 預設高度.圖片的總高private final int DEFAULT_COLOR = 0xdf;// 預設背景顏色值private int width = DEFAULT_WIDTH;private int height = DEFAULT_HEIGHT;private int base_padding_left = BASE_PADDING_LEFT;private int range_padding_left = RANGE_PADDING_LEFT;private int base_padding_top = BASE_PADDING_TOP;private int range_padding_top = RANGE_PADDING_TOP;private int codeLength = DEFAULT_CODE_LENGTH;private int line_number = DEFAULT_LINE_NUMBER;private int font_size = DEFAULT_FONT_SIZE;private String code;// 驗證碼private int padding_left, padding_top;private Random random = new Random();private Bitmap createBitmap() {padding_left = 0;Bitmap bp = Bitmap.createBitmap(width, height, Config.ARGB_8888);Canvas c = new Canvas(bp);code = createCode();c.drawColor(Color.rgb(DEFAULT_COLOR, DEFAULT_COLOR, DEFAULT_COLOR));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;}public Bitmap getBitmap() {return createBitmap();}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型別參數,負數表示右斜,整數左斜}private void randomPadding() {padding_left += base_padding_left + random.nextInt(range_padding_left);padding_top = base_padding_top + random.nextInt(range_padding_top);}}

好了 代碼都有注釋,應該會看的明白的

以上所述是小編給大家介紹的Android 驗證碼功能實現代碼,希望對大家有所協助,如果大家有任何疑問請給我留言,小編會及時回複大家的。在此也非常感謝大家對雲棲社區網站的支援!

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.