小編給大家分享一下如何使用Android實(shí)現(xiàn)常見(jiàn)的驗(yàn)證碼輸入框，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)是一家以成都網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)、品牌設(shè)計(jì)、軟件運(yùn)維、網(wǎng)站推廣、小程序App開(kāi)發(fā)等移動(dòng)開(kāi)發(fā)為一體互聯(lián)網(wǎng)公司。已累計(jì)為發(fā)電機(jī)租賃等眾行業(yè)中小客戶提供優(yōu)質(zhì)的互聯(lián)網(wǎng)建站和軟件開(kāi)發(fā)服務(wù)。

正文

先摟一眼效果吧

不要把注意力都放在頭頂?shù)哪且荒ňG上，重點(diǎn)在輸入框，可能大多數(shù)APP里都是采用6個(gè)方框的UI效果，我這里是按照我們?cè)O(shè)計(jì)的要求，用6根橫線來(lái)劃出6個(gè)數(shù)字的位置。一開(kāi)始我想的是直接用6個(gè)TextView，然后傳遞焦點(diǎn)的做法，但是發(fā)現(xiàn)實(shí)現(xiàn)起來(lái)有一定的難度。又在網(wǎng)上查了一下，發(fā)現(xiàn)比較靠譜的辦法是用6個(gè)TextView加一個(gè)EditText來(lái)實(shí)現(xiàn)，也按照這個(gè)方法去實(shí)現(xiàn)了，但是后來(lái)在測(cè)試的時(shí)候就發(fā)現(xiàn)了問(wèn)題：網(wǎng)上給出的實(shí)現(xiàn)方式需要監(jiān)聽(tīng)軟鍵盤的刪除按鈕

editText.setOnKeyListener(new OnKeyListener() {
   @Override
   public boolean onKey(View v, int keyCode, KeyEvent event) {
    if (keyCode == KeyEvent.KEYCODE_DEL
      && event.getAction() == KeyEvent.ACTION_DOWN) {
     //TODO:
     return true;
    }
    return false;
   }
  });

這是一個(gè)大家熟知的寫法，但是這個(gè)監(jiān)聽(tīng)的方法其實(shí)并不靠譜（在安卓原生鍵盤上就監(jiān)聽(tīng)不到），因?yàn)檫@個(gè)監(jiān)聽(tīng)是否觸發(fā)，并沒(méi)有強(qiáng)制的要求，全看輸入法開(kāi)發(fā)者的心情，這是官方文檔中的描述:

Key presses in software keyboards will generally NOT trigger this method, although some may elect to do so in some situations.

只能輸入，不能刪除，這可不行啊，用戶肯定會(huì)罵娘的，我可不想被拿去去祭天什么的...

于是乎只能想辦法在原有的基礎(chǔ)上做一些修改，來(lái)規(guī)避這個(gè)問(wèn)題，最后采用的方案是：采用一個(gè)TextView的數(shù)組來(lái)維護(hù)6個(gè)TextView，然后藏一個(gè)透明的EditTextView在后面用于接收用戶輸入的內(nèi)容，再把輸入的內(nèi)容展示到6個(gè)TextView上就行了，UI什么的可以自己隨意設(shè)計(jì)。在實(shí)現(xiàn)的過(guò)程中，遇到的一個(gè)關(guān)鍵問(wèn)題就是：當(dāng)輸入的內(nèi)容超過(guò)6位以后我該如何處理？一開(kāi)始的方案是通過(guò)判斷當(dāng)前輸入的位數(shù)然后再做相應(yīng)的處理，網(wǎng)上的方案也是這么實(shí)現(xiàn)的，我后來(lái)一想，根本用不著這么麻煩，只需要一行屬性就能解決這個(gè)問(wèn)題：

android:maxLength="6"

只需要在EditText的屬性里限制它的最大長(zhǎng)度，就不用再去代碼里做處理了，直接把EditTextView里的內(nèi)容完全照搬到TextView上就可以了。

最終的完整代碼如下：

public class VerifyCodeView extends RelativeLayout {
 private EditText editText;
 private TextView[] textViews;
 private static int MAX = 6;
 private String inputContent;

 public VerifyCodeView(Context context) {
  this(context, null);
 }

 public VerifyCodeView(Context context, AttributeSet attrs) {
  this(context, attrs, 0);
 }

 public VerifyCodeView(Context context, AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  View.inflate(context, R.layout.view_verify_code, this);

  textViews = new TextView[MAX];
  textViews[0] = (TextView) findViewById(R.id.item_code_iv0);
  textViews[1] = (TextView) findViewById(R.id.item_code_iv1);
  textViews[2] = (TextView) findViewById(R.id.item_code_iv2);
  textViews[3] = (TextView) findViewById(R.id.item_code_iv3);
  textViews[4] = (TextView) findViewById(R.id.item_code_iv4);
  textViews[5] = (TextView) findViewById(R.id.item_code_iv5);
  editText = (EditText) findViewById(R.id.item_edittext);

  editText.setCursorVisible(false);//隱藏光標(biāo)
  setEditTextListener();
 }

 private void setEditTextListener() {
  editText.addTextChangedListener(new TextWatcher() {

   @Override
   public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {

   }

   @Override
   public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {

   }

   @Override
   public void afterTextChanged(Editable editable) {
    inputContent = editText.getText().toString();

    if (inputCompleteListener != null) {
     if (inputContent.length() >= MAX) {
      inputCompleteListener.inputComplete();
     } else {
      inputCompleteListener.invalidContent();
     }
    }

    for (int i = 0; i < MAX; i++) {
     if (i < inputContent.length()) {
      textViews[i].setText(String.valueOf(inputContent.charAt(i)));
     } else {
      textViews[i].setText("");
     }
    }
   }
  });
 }


 private InputCompleteListener inputCompleteListener;

 public void setInputCompleteListener(InputCompleteListener inputCompleteListener) {
  this.inputCompleteListener = inputCompleteListener;
 }

 public interface InputCompleteListener {

  void inputComplete();

  void invalidContent();
 }

 public String getEditContent() {
  return inputContent;
 }

}

如果需要完整的demo，可以訪問(wèn)我的github：https://github.com/jb274585381/VerifyCodeViewDemo，當(dāng)然大家也可以直接本地下載。

以上是“如何使用Android實(shí)現(xiàn)常見(jiàn)的驗(yàn)證碼輸入框”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！