Android自定義view實現(xiàn)輸入控件

更新時間：2018年05月08日 11:27:22 作者：Hello_GoodBey

這篇文章主要為大家詳細(xì)介紹了Android自定義view實現(xiàn)輸入控件，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實例為大家分享了Android自定義view實現(xiàn)輸入控件的具體代碼，供大家參考，具體內(nèi)容如下

網(wǎng)絡(luò)上大部分的輸入控件都是多個EditText組合而成，本例中采用的是：

單個EditText作為輸入的捕捉控件
多個ImageView的子類作為顯示的控件，繪制EditText中的數(shù)據(jù)

如上圖：

輸入前和輸入后輸入框需要發(fā)生響應(yīng)的改變
點擊自定義控件要彈出軟鍵盤
EditText數(shù)據(jù)捕捉，以及EditView不能操作（如果可以操作，數(shù)據(jù)處理會混亂）
輸完后會得到相應(yīng)的提示
ImageView的子類可以設(shè)置寬高，字體大小顏色，以及兩個View之間的間隔

那么代碼走起：

首先是ImageView的子類TextImageView，onDraw的實現(xiàn)也很簡單，就是判斷text是否長度大于0，如果大于0則繪制文字，還有一些細(xì)節(jié)處理就是設(shè)置字體顏色，字體大寫，獲取字體的寬高

@Override
 protected void onDraw(Canvas canvas) {
    if (text.length() > 0) {
      if (isDrawSrc) {
        super.onDraw(canvas);
      }
      canvas.drawText(text, 0, text.length(), (getMeasuredWidth() - textWidth) / 2, (getMeasuredHeight() + dy) / 2, textPaint);
    } else {
      super.onDraw(canvas);
  }
}

其次PasswordView是一個自定義ViewGroup，引入了一個布局，布局中就是一個EditText(數(shù)據(jù)捕捉)和一個Linearlayout(代碼添加TextImageView)。EditText的寬高是1dp和0dp（避免用戶可以操作EditText）;給Linearlayout設(shè)置divider屬性（兩個TextImageView的間隔）

PasswordView的核心代碼如下：

- 代碼控制EditView獲取輸入

public void requestEtFocus() {
    catchInput.setFocusable(true);
    catchInput.setFocusableInTouchMode(true);
    catchInput.setClickable(true);
    catchInput.requestFocus();
    showSoftKeyboard(catchInput);
    catchInput.setCursorVisible(false);
    catchInput.setSelection(catchInput.length());
}

// 動態(tài)添加TextImageView 
  for (int i = 0; i < passwordLength; i++) {
      TextImageView view = new TextImageView(context);
      view.setTextSize(textSize);
      view.setTextColor(textColor);
      content.addView(view);
      if (unInputBg != 0) {
        view.setBackgroundResource(unInputBg);// 設(shè)置未輸入前的背景
      }
      LinearLayout.LayoutParams params = new LinearLayout.LayoutParams((int) itemWidth, (int) itemHeight);
      if (i == 0) {
        params.setMargins((int) dpToPixel(1), 0, 0, 0);
      }
      if (i == passwordLength - 1) {
        params.setMargins(0, 0, (int) dpToPixel(1), 0);
      }
      view.setLayoutParams(params);
      views[i] = view;
      // 分割字體，給TextIamgeView繪制文字
      if (text != null && i < text.length()) {
        setItemText(text.subSequence(i, i + 1));
      }
    }
    // 輸入監(jiān)聽
    catchInput.addTextChangedListener(new TextWatcher() {
      @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 (s.length() > 0) {
          // index：成員變量；保存當(dāng)前的輸入了幾個字符
          if (index > s.length()) {
            removeItemText();// 刪除
          } else {
            setText(s);
            if (s.length() == passwordLength) {
              if (listener != null) {
                // 輸入完成回調(diào)
                listener.onInputCodeEnd(s);
              }
            }
          }
        } else if (s.length() == 0 && index > 0) {
          removeItemText();
        }
      }

   @Override
   public void afterTextChanged(Editable s) {

  }
});

實現(xiàn)比較簡單，大多都是一些細(xì)節(jié)處理，具體看源碼：PasswordView

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: