Android 의 결제 암호 입력 상자 에 대한 분석
실현 방향:
점 이 되 는 컨트롤 은
TextView
과EditText
이 아니 라Imageview
입 니 다.먼저 하나RelativeLayout
에 6 개ImageView
와 1 개EditText
EditText
를 포함 하여ImageView
의 배경 을 투명 하 게 설정 합 니 다.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:orientation="horizontal"
android:background="@android:color/white">
<ImageView
android:id="@+id/item_password_iv1"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:src="@mipmap/nopassword"/>
<ImageView
android:id="@+id/item_password_iv2"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:src="@mipmap/nopassword"/>
<ImageView
android:id="@+id/item_password_iv3"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:src="@mipmap/nopassword"/>
<ImageView
android:id="@+id/item_password_iv4"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:src="@mipmap/nopassword"/>
<ImageView
android:id="@+id/item_password_iv5"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:src="@mipmap/nopassword"/>
<ImageView
android:id="@+id/item_password_iv6"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:src="@mipmap/nopassword"/>
</LinearLayout>
<EditText
android:id="@+id/item_edittext"
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="@android:color/transparent"/>
</RelativeLayout>
레이아웃 을 처리 하 는 데 사용 할 컨트롤EditText
을 사용자 정의 합 니 다.ItemPasswordLayout
커서 를 제거 하고 입력 한 문 자 를 감청 하 는 데 중점 을 두 고 문자 가 변 한 후에 문 자 를 하나EditText
에 두 고StringBuffer
를'''로 설정 하 는 것 입 니 다.키보드 삭제 키 를 누 른 이 벤트 를 감청 하고 삭제 키 를 누 르 면 해당 위치의 문 자 를 삭제 합 니 다.
/**
*
* Created by Went_Gone on 2016/9/14.
*/
public class ItemPasswordLayout extends RelativeLayout{
private EditText editText;
private ImageView[] imageViews;//
private StringBuffer stringBuffer = new StringBuffer();//
private int count = 6;
private String strPassword;//
public ItemPasswordLayout(Context context) {
this(context,null);
}
public ItemPasswordLayout(Context context, AttributeSet attrs) {
this(context, attrs,0);
}
public ItemPasswordLayout(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
imageViews = new ImageView[6];
View view = View.inflate(context, R.layout.item_password,this);
editText = (EditText) findViewById(R.id.item_edittext);
imageViews[0] = (ImageView) findViewById(R.id.item_password_iv1);
imageViews[1] = (ImageView) findViewById(R.id.item_password_iv2);
imageViews[2] = (ImageView) findViewById(R.id.item_password_iv3);
imageViews[3] = (ImageView) findViewById(R.id.item_password_iv4);
imageViews[4] = (ImageView) findViewById(R.id.item_password_iv5);
imageViews[5] = (ImageView) findViewById(R.id.item_password_iv6);
editText.setCursorVisible(false);//
setListener();
}
private void setListener() {
editText.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 (!editable.toString().equals("")) {
if (stringBuffer.length()>5){
// 5 edittext
editText.setText("");
return;
}else {
// StringBuffer
stringBuffer.append(editable);
editText.setText("");// EditText
Log.e("TAG", "afterTextChanged: stringBuffer is "+stringBuffer);
count = stringBuffer.length();// stringbuffer
strPassword = stringBuffer.toString();
if (stringBuffer.length()==6){
// 6
if (inputCompleteListener!=null){
inputCompleteListener.inputComplete();
}
}
}
for (int i =0;i<stringBuffer.length();i++){
imageViews[i].setImageResource(R.mipmap.ispassword);
}
}
}
});
editText.setOnKeyListener(new OnKeyListener() {
@Override
public boolean onKey(View v, int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_DEL
&& event.getAction() == KeyEvent.ACTION_DOWN) {
// Log.e("TAG", "afterTextChanged: stringBuffer is "+stringBuffer);
if (onKeyDelete()) return true;
return true;
}
return false;
}
});
}
public boolean onKeyDelete() {
if (count==0){
count = 6;
return true;
}
if (stringBuffer.length()>0){
//
stringBuffer.delete((count-1),count);
count--;
Log.e("TAG", "afterTextChanged: stringBuffer is "+stringBuffer);
strPassword = stringBuffer.toString();
imageViews[stringBuffer.length()].setImageResource(R.mipmap.nopassword);
}
return false;
}
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
return super.onKeyDown(keyCode, event);
}
private InputCompleteListener inputCompleteListener;
public void setInputCompleteListener(InputCompleteListener inputCompleteListener) {
this.inputCompleteListener = inputCompleteListener;
}
public interface InputCompleteListener{
void inputComplete();
}
public EditText getEditText() {
return editText;
}
/**
*
* @return
*/
public String getStrPassword() {
return strPassword;
}
public void setContent(String content){
editText.setText(content);
}
}
다음은edittext
에서 호출 하면 됩 니 다.xml 에서 설명
<com.example.went_gone.demo.view.ItemPasswordLayout
android:id="@+id/act_zhifubao_IPLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content">
</com.example.went_gone.demo.view.ItemPasswordLayout>
Activity 에서 호출
itemPasswordLayout = (ItemPasswordLayout) findViewById(R.id.act_zhifubao_IPLayout);
itemPasswordLayout.setInputCompleteListener(new ItemPasswordLayout.InputCompleteListener() {
@Override
public void inputComplete() {
Toast.makeText(ZhifubaoActivity.this, " :"+itemPasswordLayout.getStrPassword(), Toast.LENGTH_SHORT).show();
}
});
총결산자,본문의 내용 은 여기까지 입 니 다.이렇게 하면 됩 니 다.아주 간단 하지 않 습 니까?이 글 이 여러분 의 학습 이나 업무 에 어느 정도 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 면 댓 글로 소통 하 세 요.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Kotlin의 기초 - 2부지난 글에서는 Kotlin이 무엇인지, Kotlin의 특징, Kotlin에서 변수 및 데이터 유형을 선언하는 방법과 같은 Kotlin의 기본 개념에 대해 배웠습니다. 유형 변환은 데이터 변수의 한 유형을 다른 데이터...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.