2. 程式人生 > >Androoid 驗證碼輸入框控制元件

Androoid 驗證碼輸入框控制元件

阿新 • • 發佈：2019-02-12
public class EdtSmsCodeLayout extends GridLayout implements TextWatcher, View.OnKeyListener { private EditText[] edts; private int edt_position = 0; private StringBuffer code; private InputFinishListener inputFinishListener; private TypedArray typedArray; private int maxLen;
// 佈局總長度 預設六位 private int txtSize; // 文字大小 private int txtColor; // 文字顏色 private int edtSize; // 每個輸入框長寬 public EdtSmsCodeLayout(Context context) { super(context); init(null); } public EdtSmsCodeLayout(Context context, AttributeSet attrs) { super(context, attrs); init(attrs); } public
EdtSmsCodeLayout(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(attrs); } public EditText[] getEdts() { return edts; } private void init(AttributeSet set) { initDefValue(); initSet(set); code = new StringBuffer();
edts = initEdts(maxLen); edts[edt_position].setFocusableInTouchMode(true); edts[edt_position].requestFocus(); final InputMethodManager imm = (InputMethodManager) getContext() .getSystemService(Context.INPUT_METHOD_SERVICE); Timer timer = new Timer(); timer.schedule(new TimerTask() { public void run() { imm.showSoftInput(edts[edt_position], 0); } }, 500); } /** * 初始化預設值 */ private void initDefValue() { maxLen = DefValue.MAX_LEN.value; txtSize = DefValue.TXT_SIZE.value; txtColor = getContext().getResources().getColor(DefValue.TXT_COLOR.value); edtSize = dip2px(DefValue.SIZE.value); } /** * 初始化輸入框 * * @param maxLen 輸入框個數 預設6 * @return */ private EditText[] initEdts(int maxLen) { EditText[] editTexts = new EditText[maxLen]; for (int i = 1; i <= maxLen; i++) { final EditText editText = new EditText(getContext()); editText.setInputType(InputType.TYPE_CLASS_NUMBER); editText.setOnClickListener(null); editText.setLayoutParams(new LayoutParams(new LinearLayout.LayoutParams((edtSize), (edtSize)))); editText.setGravity(Gravity.CENTER); editText.setTextSize(txtSize); editText.setTextColor(txtColor); editText.addTextChangedListener(this); editText.setOnKeyListener(this); Field f = null; try { f = TextView.class.getDeclaredField("mCursorDrawableRes"); f.setAccessible(true); f.set(editText, R.drawable.edt_cursor); } catch (NoSuchFieldException e) { e.printStackTrace(); } catch (IllegalAccessException e) { e.printStackTrace(); } setEdtBg(editText, i, maxLen); editText.setFilters(new InputFilter[]{ new InputFilter.LengthFilter(1)}); editTexts[i - 1] = editText; addView(editText); editText.setFocusableInTouchMode(false); } return editTexts; } /** * 初始化xml set * * @param set */ private void initSet(AttributeSet set) { if (set == null) return; typedArray = getContext().obtainStyledAttributes(set, R.styleable.EdtSmsCodeLayout); if (typedArray != null) { txtSize = typedArray.getDimensionPixelSize(R.styleable.EdtSmsCodeLayout_text_size, -1) == -1 ? txtSize : px2dip(typedArray.getDimensionPixelSize(R.styleable.EdtSmsCodeLayout_text_size, -1)); txtColor = typedArray.getColor(R.styleable.EdtSmsCodeLayout_text_color, txtColor); edtSize = typedArray.getDimensionPixelSize(R.styleable.EdtSmsCodeLayout_item_size, edtSize); maxLen = typedArray.getInt(R.styleable.EdtSmsCodeLayout_max_len, maxLen); } } public void setInputFinishListener(InputFinishListener listener) { inputFinishListener = listener; } private void setEdtBg(EditText text, int position, int maxLen) { if (position == 1) text.setBackgroundDrawable(getResources().getDrawable(R.drawable.bg_edt_sms_left)); else if (position == 2) text.setBackgroundDrawable(getResources().getDrawable(R.drawable.bg_edt_sms_second)); else if (position == maxLen) text.setBackgroundDrawable(getResources().getDrawable(R.drawable.bg_edt_sms_right)); else text.setBackgroundDrawable(getResources().getDrawable(R.drawable.bg_edt_sms)); } @Override public void beforeTextChanged(CharSequence s, int start, int count, int after) { } @Override public void onTextChanged(CharSequence s, int start, int before, int count) { if (edts[edt_position].getText().toString().length() >= 1) { if (edt_position == edts.length - 1) { code.append(edts[edt_position].getText().toString()); if (inputFinishListener != null) inputFinishListener.onInputFinish(code.toString()); removeCode(); return; } nextEdt(); } } @Override public void afterTextChanged(Editable s) { } private int dip2px(float dpValue) { final float scale = getContext().getResources().getDisplayMetrics().density; return (int) (dpValue * scale + 0.5f); } private int px2dip(float pxValue) { final float scale = getContext().getResources().getDisplayMetrics().density; return (int) (pxValue / scale + 0.5f); } private void nextEdt() { setEdtFocus(1); } private void backEdt() { if (edt_position == 0) return; edts[edt_position - 1].setText(null); setEdtFocus(-1); } /** * 清空驗證碼，預設輸入完成後清空，也可手動呼叫 */ public void removeCode() { edt_position = 0; code.delete(0, code.length()); for (EditText text : edts) { text.setFocusableInTouchMode(false); text.setText(null); } edts[edt_position].setFocusableInTouchMode(true); edts[edt_position].requestFocus(); } private void setEdtFocus(int type) { if (type > 0) { code.append(edts[edt_position].getText().toString()); } else { code.deleteCharAt(code.length() - 1); } edts[edt_position].setFocusableInTouchMode(false); edt_position += type; edts[edt_position].setFocusableInTouchMode(true); edts[edt_position].requestFocus(); } @Override public boolean onKey(View v, int keyCode, KeyEvent event) { if (keyCode == KeyEvent.KEYCODE_DEL && event.getAction() == KeyEvent.ACTION_DOWN) backEdt(); return false; } public interface InputFinishListener { void onInputFinish(String code); } }

相關推薦

Androoid 驗證碼輸入框控制元件

public class EdtSmsCodeLayout extends GridLayout implements TextWatcher, View.OnKeyListener { private EditText[] edts; private int edt_position =

仿美團簡訊驗證碼輸入框 + 自定義軟鍵盤

KeyboardDemo 自定義簡訊驗證碼輸入框  + 自定義數字字母軟鍵盤 前段時間做了一個需求，類似驗證碼輸入框，但輸入的優惠碼有數字和大小寫字母，所以就需要用到自定義軟鍵盤，不然總是切換數字與字母太麻煩，使用者體驗不佳。 剛開始想著到網上找一些demo得了，可i

C# | Winform程式設計控制元件之數字輸入框控制元件(numericUpDown)

數字輸入框控制元件是用於輸入數字和調節數字的一個控制元件，該控制元件中的數字儲存為decimal型別，但是數字必須是整數而不能是小數。 控制元件在工具箱中的樣式如下： 控制元件拖拽到視窗後的樣式如下： 常用屬性： Value屬性：控制數字輸入框的數字的值(可用控制元件的向上或

android 閃屏頁的倒計時和傳送驗證碼的倒計時控制元件

TimeCount。直接上程式碼。 import android.os.CountDownTimer; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.

Android 密碼輸入框、驗證碼輸入框，完整版；

接上篇，優化了一下程式碼，新增一些屬性；       "space" //每個輸入框之間的間距；        "strokeWidth" //邊框的高度；        "checke

Android 帶清除功能的輸入框控制元件ClearEditText,仿IOS的輸入框

今天給大家帶來一個很實用的小控制元件ClearEditText，就是在Android系統的輸入框右邊加入一個小圖示，點選小圖示可以清除輸入框裡面的內容，IOS上面直接設定某個屬性就可以實現這一功能，但是Android原生EditText不具備此功能，所以要想實現這一功能我們需

Android帶清除功能的輸入框控制元件ClearEditText

在網上看到一個很實用的小控制元件ClearEditText，現在分享給大家。 轉載自：http://blog.csdn.net/xiaanming/article/details/11066685/ 這個控制元件就是在Android系統的輸入框右邊加入一個小

Android 帶清除功能的輸入框控制元件EditTextWithDel

記錄下一個很實用的小控制元件EditTextWithDel，就是在Android系統的輸入框右邊加入一個小圖示，點選小圖示可以清除輸入框裡面的內容，由於Android原生EditText不具備此功能，所以要想實現這一功能我們需要重寫EditText。 效果圖如

Android 自定義方形驗證碼輸入框，仿滴滴、小籃單車

效果圖 GIF圖不是很清晰，下面是截圖 思路 1 . 每一個輸入框其實都是一個EditText，for迴圈建立並插入到LinearLayout中。 private void

轉 Android 帶清除功能的輸入框控制元件ClearEditText,仿IOS的輸入框 登陸介面

今天給大家帶來一個很實用的小控制元件ClearEditText，就是在Android系統的輸入框右邊加入一個小圖示，點選小圖示可以清除輸入框裡面的內容，iOS上面直接設定某個屬性就可以實現這一功能，但是Android原生EditText不具備此功能，所以要想實現這一功能我們需要重寫EditText

Android自定義方形驗證碼輸入框

先來看UI給的效果圖 實現思路 繪製多個TextView控制元件用來顯示數字 繪製隱藏EditText用來接收輸入法內容(防止部分手機或輸入法監聽不到內容) 將EditText的內容顯示到TextView中 程式碼實現 自定義控制元件繼

Android自定義數字驗證碼輸入框

先上效果圖 設計思路 剛開始想過使用EditText來實現，但是具體實施時發現並不是這麼容易，而且還有一堆的坑，不如直接繼承View自定義來的方便，先在onDraw方法中繪製邊框及驗證碼，調整彈出輸入法只能輸入數字，監聽輸入法輸入，每輸入一個字元都需要重

VerificationCodeView 驗證碼自定義控制元件原始碼解析

https://github.com/JackTuoTuo/VerificationCodeView 喜歡該控制元件請給作者start. 演示 原理 在佈局中檔案中使用了一個透明的EditText來接受使用者的輸入事件， 在佈局檔案的LinearLayo

Android 帶清除功能的輸入框控制元件ClearEditText

轉載地址。如有轉載請標明地址  demo下載：http://download.csdn.net/detail/day_moon/9664470 效果圖： ClearEditText類的定義 public class ClearEditText extends Edit

自定義驗證碼輸入框

由於看到滴滴打車的輸入驗證碼的效果挺好的，就想著自己實現一個，先上一個效果圖， 實現了基本的功能，下面的是主要類 package com.example.mengsong.verificationcode; import android.content.Context

Android仿滴滴出行驗證碼輸入框效果

1、前言 最近擼碼忙成狗啊，果然從無到有的獨立開發不是一般的累啊。。。。 最近公司專案中有一個類似滴滴出行填寫驗證碼的彈框，下面是我擼出來的效果： 中間的那個輸入密碼的6個框框其實就是用shape畫的背景，通過監聽EditText獲取焦點來改變背景

一個好看實用的6位驗證碼輸入框

$(() => { var valCodeInput = $('#val-code-input'); var valCodeItems = $("div[name='val-item']");

自定義 iOS 密碼框或驗證碼輸入框，支援多位驗證碼，4位或6位驗證碼自己選擇。

密碼框 樣式                           自定義輸入驗證碼樣式             git地址： https://github.com/HSFGitHub/CodeInputView.git 支援全部自定義 ，幾位驗證碼的變化，輸入樣式，

簡訊驗證碼輸入框 6位

<!DOCTYPE html> <html> <meta charset="utf-8"> <head> <script src="../js/commonJs/jquery-1.8.3.min.js">&l

Android 仿愛奇藝驗證碼輸入框

效果： 因為程式碼量不少，直接放Activity裡面肯定不合適，就抽取成一個自定義控制元件了 這樣以後複用也比較方便，但是我很菜，寫的自定義控制元件也是很菜的那種...湊活湊活吧 public class CodeView extends LinearLayout i