2017-06-03 9 views
1

パスワードを回復するためのピンコードを入力するためのアクティビティの設計に取り組んでいますが、実装方法を知りませんでした。画像のように:あなたが戻って押したときパスワード回復のためのピンコードアクティビティの実装方法

enter image description here

+0

あなたは何をしたいですか?plzは精巧です! – Shobhit

+0

各文字に1つの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エディットテキストのためである上記の例を参照してくださいです。

関連する問題