Android通過自定義View實(shí)現(xiàn)隨機(jī)驗(yàn)證碼
很多的Android入門程序猿來說對于Android自定義View,可能都是比較恐懼的,但是這又是高手進(jìn)階的必經(jīng)之路,所有準(zhǔn)備在自定義View上面花一些功夫,多寫一些文章。
一、問題描述
熟悉web開發(fā)中童鞋們都知道為了防止惡意破解、惡意提交、刷票等我們在提交表單數(shù)據(jù)時(shí),都會(huì)使用隨機(jī)驗(yàn)證碼功能。在Android應(yīng)用中我們同樣需要這一功能,該如何實(shí)現(xiàn)呢,下面我們就自定義一個(gè)隨機(jī)驗(yàn)證碼View控件實(shí)現(xiàn)這一需求,并且具備通用性,需要的時(shí)候在界面中直接加入這個(gè)View組件即可。
二、案例介紹
案例運(yùn)行效果
案例所涉及組件
1、CheckView 自定義的驗(yàn)證碼控件,主要重寫onDraw方法實(shí)現(xiàn)圖形繪制
2、Config:用于對驗(yàn)證碼控件參數(shù)的配置,像畫點(diǎn)點(diǎn)數(shù)、劃線數(shù)、背景顏色的設(shè)置
3、CheckUtil:驗(yàn)證碼相關(guān)工具類,實(shí)現(xiàn)例如隨機(jī)的點(diǎn)坐標(biāo)、隨機(jī)線段起始和結(jié)束點(diǎn)坐標(biāo)、驗(yàn)證碼校驗(yàn)等功能
4、MainActivity:測試應(yīng)用
三、功能實(shí)現(xiàn)
1、編寫Config組件
/** * 功能:用于對驗(yàn)證碼控件參數(shù)的配置 * */ public class Config { // 驗(yàn)證碼更新時(shí)間 public static final int PTEDE_TIME = 1200; // 點(diǎn)數(shù)設(shè)置 public static final int POINT_NUM = 100; // 線段數(shù)設(shè)置 public static final int LINE_NUM = 2; //設(shè)置背景顏色 public static final int COLOR=Color.BLUE; //隨機(jī)數(shù)據(jù)長度 public static int TEXT_LENGTH=4; //設(shè)置驗(yàn)證碼字體大小 public static int TEXT_SIZE=30; } 2、CheckUtil組件 /** * 功能:驗(yàn)證碼相關(guān)工具類 * */ public class CheckUtil { /** * 產(chǎn)生隨機(jī)數(shù)字 * @return */ public static int [] getCheckNum(){ int [] tempCheckNum = new int[Config.TEXT_LENGTH]; for(int i = 0; i < Config.TEXT_LENGTH; i++){ tempCheckNum[i] = (int) (Math.random() * 10); } return tempCheckNum; } /** * 隨機(jī)產(chǎn)生劃線的起始點(diǎn)坐標(biāo)和結(jié)束點(diǎn)坐標(biāo) * @param height 傳入CheckView的高度值 * @param width 傳入CheckView的寬度值 * @return 起始點(diǎn)坐標(biāo)和結(jié)束點(diǎn)坐標(biāo) */ public static int[] getLine(int height, int width){ int [] tempCheckNum = {0,0,0,0}; for(int i = 0; i < 4; i+=2){ tempCheckNum[i] = (int) (Math.random() * width); tempCheckNum[i + 1] = (int) (Math.random() * height); } return tempCheckNum; } /** * 隨機(jī)產(chǎn)生點(diǎn)的圓心點(diǎn)坐標(biāo) * @param height 傳入CheckView的高度值 * @param width 傳入CheckView的寬度值 * @return */ public static int[] getPoint(int height, int width){ int [] tempCheckNum = {0,0,0,0}; tempCheckNum[0] = (int) (Math.random() * width); tempCheckNum[1] = (int) (Math.random() * height); return tempCheckNum; } /** * 驗(yàn)證是否正確 * @param userCheck 用戶輸入的驗(yàn)證碼 * @param checkNum 驗(yàn)證控件產(chǎn)生的隨機(jī)數(shù) * @return */ public static boolean checkNum(String userCheck, int[] checkNum){ if(userCheck.length() != 4 ){ return false; } String checkString = ""; for (int i = 0; i < 4; i++) { checkString += checkNum[i]; } if(userCheck.equals(checkString)){ return true; } else { return false; } } /** * 計(jì)算驗(yàn)證碼的繪制y點(diǎn)位置 * @param height 傳入CheckView的高度值 * @return */ public static int getPositon(int height){ int tempPositoin = (int) (Math.random() * height); if(tempPositoin < 20){ tempPositoin += 20; } return tempPositoin; } }
3、自定義驗(yàn)證碼控件CheckView
public class CheckView extends View{ Context mContext; int [] CheckNum = null; Paint mTempPaint = new Paint(); // 驗(yàn)證碼 public CheckView(Context context, AttributeSet attrs) { super(context, attrs); mContext = context; mTempPaint.setAntiAlias(true); mTempPaint.setTextSize(Config.TEXT_SIZE); mTempPaint.setStrokeWidth(3); } public void onDraw(Canvas canvas){ canvas.drawColor(Config.COLOR); final int height = getHeight();//獲得CheckView控件的高度 final int width = getWidth();//獲得CheckView控件的寬度 int dx = 40; for(int i = 0; i < 4; i ++){//繪制驗(yàn)證控件上的文本 canvas.drawText("" + CheckNum[i], dx, CheckUtil.getPositon(height), mTempPaint); dx += width/ 5; } int [] line; for(int i = 0; i < Config.LINE_NUM; i ++){//劃線 line = CheckUtil.getLine(height, width); canvas.drawLine(line[0], line[1], line[2], line[3], mTempPaint); } // 繪制小圓點(diǎn) int [] point; for(int i = 0; i < Config.POINT_NUM; i ++) {//畫點(diǎn) point=CheckUtil.getPoint(height, width); canvas.drawCircle(point[0], point[1], 1, mTempPaint); } } public void setCheckNum(int [] chenckNum) {//設(shè)置驗(yàn)證碼 CheckNum = chenckNum; } public int[] getCheckNum() {//獲得驗(yàn)證碼 return CheckNum; } public void invaliChenkNum() { invalidate(); } }
4、編寫MainActivity測試代碼
public class MainActivity extends Activity implements View.OnClickListener{ private CheckAction mCheckView ; private TextView mShowPassViwe; private EditText mEditPass; private Button mSubmit; private Button mRef; // 驗(yàn)證碼: private int [] checkNum =null; public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); initView(); initCheckNum(); } public void initView(){ mCheckView = (CheckView) findViewById(R.id.checkView); mShowPassViwe = (TextView) findViewById(R.id.checkpass); mEditPass = (EditText) findViewById(R.id.checkTest); mSubmit = (Button) findViewById(R.id.submit); mRef = (Button) findViewById(R.id.ref); mSubmit.setOnClickListener(this); mRef.setOnClickListener(this); } // 初始化驗(yàn)證碼并且刷新界面 public void initCheckNum(){ checkNum = CheckUtil.getCheckNum(); mCheckView.setCheckNum(checkNum); mCheckView.invaliChenkNum(); } public void onClick(View v) { switch (v.getId()){ case R.id.submit: String userInput = mEditPass.getText().toString(); if(CheckUtil.checkNum(userInput, checkNum)){ setPassString("通過"); Toast.makeText(this, "通過", 1200).show(); }else{ setPassString("未通過"); Toast.makeText(this, "未通過", 1200).show(); } break; case R.id.ref: initCheckNum(); break; default: break; } } public void setPassString(String passString) { mShowPassViwe.setText(passString); } }
以上所述是針對Android通過自定義View實(shí)現(xiàn)隨機(jī)驗(yàn)證碼的相關(guān)知識,希望對大家有所幫助!
- android端實(shí)現(xiàn)驗(yàn)證碼隨機(jī)生成功能
- Android 獲取隨機(jī)驗(yàn)證碼功能示例
- android隨機(jī)生成圓形云標(biāo)簽效果
- Android自定義wheelview隨機(jī)選號效果
- Android隨機(jī)生成驗(yàn)證碼
- Android自定義View編寫隨機(jī)驗(yàn)證碼
- Android自定義View繪制隨機(jī)生成圖片驗(yàn)證碼
- Android自定義View實(shí)現(xiàn)隨機(jī)驗(yàn)證碼
- Android自定義控件深入學(xué)習(xí) Android生成隨機(jī)驗(yàn)證碼
- Android自定義View繪制四位數(shù)隨機(jī)碼
相關(guān)文章
Android仿微信菜單(Menu)(使用C#和Java分別實(shí)現(xiàn))
這篇文章主要介紹了Android仿微信菜單(Menu)(使用C#和Java分別實(shí)現(xiàn)),本文分別給出C#和Java版的運(yùn)行效果及實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-06-06android獲取及監(jiān)聽手機(jī)網(wǎng)絡(luò)狀態(tài)
大家好,本篇文章主要講的是android獲取及監(jiān)聽手機(jī)網(wǎng)絡(luò)狀態(tài),感興趣的同學(xué)趕快來看一看吧,對你有幫助的話記得收藏一下,方便下次瀏覽2022-01-01詳細(xì)介紹Android中回調(diào)函數(shù)機(jī)制
這篇文章主要介紹了Android中回調(diào)函數(shù)機(jī)制,有需要的朋友可以參考一下2014-01-01Android ScrollView只能添加一個(gè)子控件問題解決方法
這篇文章主要介紹了Android ScrollView只能添加一個(gè)子控件問題解決方法,涉及Android界面布局的相關(guān)技巧,需要的朋友可以參考下2016-02-02Android使用OKHttp庫實(shí)現(xiàn)視頻文件的上傳到服務(wù)器功能
這篇文章主要介紹了Android使用OKHttp庫實(shí)現(xiàn)視頻文件的上傳到服務(wù)器功能,需要的朋友可以參考下2018-03-03Android實(shí)現(xiàn)邊錄邊播應(yīng)用
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)邊錄邊播應(yīng)用,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-11-11Android之ArcSlidingHelper制作圓弧滑動(dòng)效果
這篇文章主要介紹了Android之ArcSlidingHelper制作圓弧滑動(dòng)效果,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-08-08Android獲取WebView加載url的請求錯(cuò)誤碼 【推薦】
這篇文章主要介紹了Android獲取WebView加載url的請求錯(cuò)誤碼 ,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-06-06