2017-06-03 24 views
1

我正在设计一项活动,用户使用它来输入恢复密码的PIN码,但我无法知道如何实现我需要帮助,所需元素的外观像图像:如何实现密码恢复PIN码活动

enter image description here

+0

你到底想要什么?plz精心制作..! – Shobhit

+0

为每个字符使用一个editText。 (在这个例子中,你需要4个editText) –

+0

但他们之间的导航我如何直接移动光标? –

回答

0

我花了4自定义编辑文本与选择得到财产时按回。这里有听众和CustomEditText元素

mCodeFourEt.setOnEditorActionListener(new EditText.OnEditorActionListener() { 
     @Override 
     public boolean onEditorAction(TextView textView, int actionId, KeyEvent keyEvent) { 
      if (actionId == EditorInfo.IME_ACTION_DONE) { 
       mConfirmBtn.performClick(); 
       return true; 
      } 
      return false; 
     } 


    }); 


    mCodeTwoEt.setOnKeyListener(new View.OnKeyListener() { 
     @Override 
     public boolean onKey(View v, int keyCode, KeyEvent event) { 
      if (keyCode == KeyEvent.KEYCODE_DEL) { 
       String text = mCodeTwoEt.getText().toString(); 
       if (text.length() == 0) { 
        mCodeOneEt.requestFocus(); 
        mCodeOneEt.selectAll(); 
        return true; 
       } 
      } 

      return false; 
     } 
    }); 

    mCodeThreeEt.setOnKeyListener(new View.OnKeyListener() { 
     @Override 
     public boolean onKey(View v, int keyCode, KeyEvent event) { 
      if (keyCode == KeyEvent.KEYCODE_DEL) { 
       String text = mCodeThreeEt.getText().toString(); 
       if (text.length() == 0) { 
        mCodeTwoEt.requestFocus(); 
        mCodeTwoEt.selectAll(); 
        return true; 
       } 
      } 

      return false; 
     } 
    }); 

    mCodeFourEt.setOnKeyListener(new View.OnKeyListener() { 
     @Override 
     public boolean onKey(View v, int keyCode, KeyEvent event) { 
      if (keyCode == KeyEvent.KEYCODE_DEL) { 
       String text = mCodeFourEt.getText().toString(); 
       if (text.length() == 0) { 
        mCodeThreeEt.requestFocus(); 
        mCodeThreeEt.selectAll(); 
        return true; 
       } 

      } 

      return false; 
     } 
    }); 

    mCodeOneEt.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) { 
      if (mCodeOneEt.getText().toString().length() > 0) { 
       mCodeTwoEt.requestFocus(); 
      } 

     } 
    }); 

    mCodeTwoEt.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) { 
      if (mCodeTwoEt.getText().toString().length() > 0) { 
       mCodeThreeEt.requestFocus(); 
      } 

     } 
    }); 

    mCodeThreeEt.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) { 
      if (mCodeThreeEt.getText().toString().length() > 0) { 
       mCodeFourEt.requestFocus(); 
      } 

     } 
    }); 

    mCodeFourEt.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) { 

     } 
    }); 

现在这里是定制的EditText类

public class CustomEditText extends android.support.v7.widget.AppCompatEditText { 


public CustomEditText(Context context, AttributeSet attrs, int defStyle) { 
    super(context, attrs, defStyle); 
} 

public CustomEditText(Context context, AttributeSet attrs) { 
    super(context, attrs); 
} 

public CustomEditText(Context context) { 
    super(context); 
} 


@Override 
public InputConnection onCreateInputConnection(EditorInfo outAttrs) { 
    return new ZanyInputConnection(super.onCreateInputConnection(outAttrs), 
      true); 
} 

private class ZanyInputConnection extends InputConnectionWrapper { 

    public ZanyInputConnection(InputConnection target, boolean mutable) { 
     super(target, mutable); 
    } 

    @Override 
    public boolean sendKeyEvent(KeyEvent event) { 
     if (event.getAction() == KeyEvent.ACTION_DOWN 
       && event.getKeyCode() == KeyEvent.KEYCODE_DEL) { 
      // Un-comment if you wish to cancel the backspace: 
      // return false; 
     } 
     return super.sendKeyEvent(event); 
    } 


    @Override 
    public boolean deleteSurroundingText(int beforeLength, int afterLength) { 
     // magic: in latest Android, deleteSurroundingText(1, 0) will be called for backspace 
     if (beforeLength == 1 && afterLength == 0) { 
      // backspace 
      return sendKeyEvent(new KeyEvent(KeyEvent.ACTION_DOWN, KeyEvent.KEYCODE_DEL)) 
        && sendKeyEvent(new KeyEvent(KeyEvent.ACTION_UP, KeyEvent.KEYCODE_DEL)); 
     } 

     return super.deleteSurroundingText(beforeLength, afterLength); 
    } 

} 
} 

只需使用你的XML这个自定义类和见上这是4编辑文本的例子。