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

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

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

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

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

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

如上圖：

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

那么代碼走起：

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

@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是一個(gè)自定義ViewGroup，引入了一個(gè)布局，布局中就是一個(gè)EditText(數(shù)據(jù)捕捉)和一個(gè)Linearlayout(代碼添加TextImageView)。EditText的寬高是1dp和0dp（避免用戶(hù)可以操作EditText）;給Linearlayout設(shè)置divider屬性（兩個(gè)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());
}

// 動(dòng)態(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)聽(tīng)
    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)前的輸入了幾個(gè)字符
          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) {

  }
});

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

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

您可能感興趣的文章: