Android 驗(yàn)證碼功能實(shí)現(xiàn)代碼
先給大家展示下效果圖,如果大家感覺(jué)還不錯(cuò),請(qǐng)參考實(shí)現(xiàn)代碼
很簡(jiǎn)單的一個(gè)例子,點(diǎn)擊刷新驗(yàn)證碼,刷新當(dāng)前顯示的驗(yàn)證碼,點(diǎn)擊確定,如果輸入的和顯示的匹配,就會(huì)跳轉(zhuǎn)到下一個(gè)界面中,這里只是實(shí)現(xiàn)了跳轉(zhuǎn),并沒(méi)有進(jìn)行其它的操作
好了 接下來(lái)就是代碼了
首先看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" > <TextView android: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="驗(yàn)證碼:" /> <EditText android: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> <Button android: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="確定" /> <Button android: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="刷新驗(yàn)證碼" /> <ImageView android: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; @Override protected 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(); // 獲取顯示的驗(yàn)證碼 vc_shuaixi = (Button) findViewById(R.id.vc_shuaixi); vc_shuaixi.setOnClickListener(this); vc_ok = (Button) findViewById(R.id.vc_ok); vc_ok.setOnClickListener(this); } @Override public 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; } @Override public void onClick(View view) { // TODO Auto-generated method stub switch (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, "驗(yàn)證碼為空", Toast.LENGTH_SHORT).show(); } else if (!v_code.equals(getCode)) { Toast.makeText(MainActivity.this, "驗(yàn)證碼錯(cuò)誤", Toast.LENGTH_SHORT).show(); } else { Toast.makeText(MainActivity.this, "驗(yàn)證成功", Toast.LENGTH_SHORT).show(); Intent itIntent = new Intent(MainActivity.this, secondActivity.class); startActivity(itIntent); MainActivity.this.finish(); } break; } } }
好了,到重點(diǎn)部分了,繪制驗(yàn)證碼
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;// 驗(yàn)證碼的長(zhǎng)度 這里是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;// 默認(rèn)寬度.圖片的總寬 private static final int DEFAULT_HEIGHT = 70;// 默認(rèn)高度.圖片的總高 private final int DEFAULT_COLOR = 0xdf;// 默認(rèn)背景顏色值 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;// 驗(yàn)證碼 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類(lèi)型參數(shù),負(fù)數(shù)表示右斜,整數(shù)左斜 } private void randomPadding() { padding_left += base_padding_left + random.nextInt(range_padding_left); padding_top = base_padding_top + random.nextInt(range_padding_top); } }
好了 代碼都有注釋,應(yīng)該會(huì)看的明白的
以上所述是小編給大家介紹的Android 驗(yàn)證碼功能實(shí)現(xiàn)代碼,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- Android賬號(hào)注冊(cè)實(shí)現(xiàn)點(diǎn)擊獲取驗(yàn)證碼倒計(jì)時(shí)效果
- Android開(kāi)發(fā)工程中集成mob短信驗(yàn)證碼功能的方法
- Android如何通過(guò)手機(jī)自動(dòng)獲取短信驗(yàn)證碼
- Android自定義view制作絢麗的驗(yàn)證碼
- Android實(shí)現(xiàn)自動(dòng)提取短信驗(yàn)證碼功能
- Android實(shí)現(xiàn)短信驗(yàn)證碼自動(dòng)填寫(xiě)功能
- Android如何通過(guò)手機(jī)獲取驗(yàn)證碼來(lái)完成注冊(cè)功能
相關(guān)文章
Android Animation實(shí)戰(zhàn)之屏幕底部彈出PopupWindow
這篇文章主要為大家介紹了Android Animation動(dòng)畫(huà)實(shí)戰(zhàn)項(xiàng)目,屏幕底部彈出PopupWindow,如何實(shí)現(xiàn)?文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-01-01android xml實(shí)現(xiàn)按鈕的圓角、陰影效果及按下變化效果的實(shí)現(xiàn)代碼
這篇文章主要介紹了android xml實(shí)現(xiàn)按鈕的圓角、陰影效果以及按下變化效果,通過(guò)五個(gè)xml文件實(shí)現(xiàn)按鈕的圓角陰影效果,代碼也很簡(jiǎn)單,需要的朋友可以參考下2021-05-05Android實(shí)現(xiàn)拍照、選擇相冊(cè)圖片并裁剪功能
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)拍照、選擇相冊(cè)圖片并裁剪功能的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12解決android 顯示內(nèi)容被底部導(dǎo)航欄遮擋的問(wèn)題
今天小編就為大家分享一篇解決android 顯示內(nèi)容被底部導(dǎo)航欄遮擋的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-07-07Android實(shí)現(xiàn)頂部底部雙導(dǎo)航界面功能
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)頂部\底部雙導(dǎo)航界面功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09