Android仿滴滴出行验证码输入框功能实例代码

/**
  * @author hydCoder
  * @date 2017/9/22 14:39
  * @desc 输入验证码的自定义view
  * @email hyd_coder@163.com
  */
public class VerificationCodeInput extends LinearLayout implements TextWatcher, View.OnKeyListener{
private final static String TYPE_NUMBER = "number";
private final static String TYPE_TEXT = "text";
private final static String TYPE_PASSWORD = "password";
private final static String TYPE_PHOnE= "phone";
private static final String  TAG      = "VerificationCodeInput";
private       int   box      = 4;
private       int   boxWidth   = 80;
private       int   boxHeight   = 80;
private       int   childHPadding = 14;
private       int   childVPadding = 14;
private       String  inputType   = TYPE_NUMBER;
private       Drawable boxBgFocus  = null;
private       Drawable boxBgNormal  = null;
private Listener listener;
private boolean    focus      = false;
private List mEditTextList  = new ArrayList<>();
private int      currentPosition = 0;
public VerificationCodeInput(Context context, AttributeSet attrs) {
  super(context, attrs);
  TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.vericationCodeInput);
  box = a.getInt(R.styleable.vericationCodeInput_box, 4);
  childHPadding = (int) a.getDimension(R.styleable.vericationCodeInput_child_h_padding, 0);
  childVPadding = (int) a.getDimension(R.styleable.vericationCodeInput_child_v_padding, 0);
  boxBgFocus = a.getDrawable(R.styleable.vericationCodeInput_box_bg_focus);
  boxBgNormal = a.getDrawable(R.styleable.vericationCodeInput_box_bg_normal);
  inputType = a.getString(R.styleable.vericationCodeInput_inputType);
  boxWidth = (int) a.getDimension(R.styleable.vericationCodeInput_child_width, boxWidth);
  boxHeight = (int) a.getDimension(R.styleable.vericationCodeInput_child_height, boxHeight);
  initViews();
}
@Override
protected void onAttachedToWindow() {
  super.onAttachedToWindow();
}
@Override
protected void onDetachedFromWindow() {
  super.onDetachedFromWindow();
}
private void initViews() {
  for (int i = 0; i = 0; i--) {
    editText = (EditText) getChildAt(i);
    if (editText.getText().length() == 1) {
      editText.requestFocus();
      setBg(mEditTextList.get(i),true);
      //setBg(mEditTextList.get(i-1),true);
      editText.setSelection(1);
      return;
    }
  }
}
private void focus() {
  int count = getChildCount();
  EditText editText ;
  for (int i = 0; i 0) {
    View child = getChildAt(0);
    int cHeight = child.getMeasuredHeight();
    int cWidth = child.getMeasuredWidth();
    int maxH = cHeight + 2 * childVPadding;
    int maxW = (cWidth + childHPadding) * box + childHPadding;
    setMeasuredDimension(resolveSize(maxW, widthMeasureSpec),
        resolveSize(maxH, heightMeasureSpec));
  }
}
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
  int childCount = getChildCount();
  for (int i = 0; i = 1 && currentPosition != mEditTextList.size() - 1) {
    currentPosition++;
    mEditTextList.get(currentPosition).requestFocus();
    setBg(mEditTextList.get(currentPosition),true);
    setBg(mEditTextList.get(currentPosition-1),false);
  }
}
@Override
public void afterTextChanged(Editable s) {
  if (s.length() == 0) {
  } else {
    focus();
    checkAndCommit();
  }
}
@Override
public boolean onKey(View view, int keyCode, KeyEvent event) {
  EditText editText = (EditText) view;
  if (keyCode == KeyEvent.KEYCODE_DEL && editText.getText().length() == 0) {
    int action = event.getAction();
    if (currentPosition != 0 && action == KeyEvent.ACTION_DOWN) {
      currentPosition--;
      mEditTextList.get(currentPosition).requestFocus();
      setBg(mEditTextList.get(currentPosition),true);
      setBg(mEditTextList.get(currentPosition+1),false);
      mEditTextList.get(currentPosition).setText("");
    }
  }
  return false;
}
public interface Listener {
  void onComplete(String content);
}
} ··· styles.xml里添加自定义属性

  
  
  
  
  
  
  
  
  


输入框获取焦点时的背景

verification_edit_bg_focus.xml

verification_edit_bg_normal.xml

<&＃63;xml version="1.0" encoding="utf-8"&＃63;>

  
  
  

verificationCodeInput.setOnCompleteListener(new VerificationCodeInput.Listener() {
    @Override
    public void onComplete(String content) {
      btn_confirm.setEnabled(true);
      btn_confirm.setBackgroundResource(R.drawable.btn_bg_shape_enable);
      btn_confirm.setTextColor(Color.parseColor("#e4c16a"));
      codeNum = content;
    }
  });