如何使用自定义图像作为轴库应用程序的edittext密码

Question

如何在edittext密码字段中使用自定义图像而不是'*'？

见图片：

任何答案或提示将不胜感激。

Answer 1

答案来自this tutorial，它涵盖了用户的行为：

• 进入登录界面，键盘将自动打开。

• 尝试在其中输入值，然后文本框背景更改为带有星号背景的文本框。

• 尝试使用键盘上的后退键取消/删除输入值，然后文本框背景将更改为没有星空背景的文本框。

首先，您必须创建两个drawables：

然后，根据这种方法，您必须在addTextChangedListener上实施EditText方法。之后，作为参数，您创建一个TextWatcher类的新实例，并实现其方法：

etxtPin1.addTextChangedListener(new TextWatcher() {

    @Override
    public void onTextChanged(CharSequence s, int start, int before, int count) {
       // TODO Auto-generated method stub

    }
    @Override
    public void beforeTextChanged(CharSequence s, int start, int count,
                    int after) {
                // TODO Auto-generated method stub

    }
    @Override
    public void afterTextChanged(Editable s) {
          if(etxtPin1.getText().toString().trim().length()==1){

          etxtPin1.clearFocus();
          etxtPin2.requestFocus();
          etxtPin1.setBackgroundResource(R.drawable.pin_txt_bg_star);

          }
       }
    });

然后，您必须实施setOnKeyListener及其方法onKey：

this.etxtPin1.setOnKeyListener(new View.OnKeyListener() {
      public boolean onKey(View paramView, int paramInt, KeyEvent paramKeyEvent) {
           if ((paramKeyEvent.getAction() == KeyEvent.ACTION_DOWN)&&(paramInt == 67) && (LoginActivity.this.etxtPin2.getText().length() == 0)) {
               etxtPin1.requestFocus();
               etxtPin1.setBackgroundResource(R.drawable.pin_txt_bg);
               etxtPin1.setText("");
           }

           return false;
       }
    });

---

另一种方法：创建自己的类，扩展PasswordTransformationMethod。

public class MyPasswordTransformationMethod extends PasswordTransformationMethod {
    @Override
    public CharSequence getTransformation(CharSequence source, View view) {
        return new PasswordCharSequence(source);
    }

    private class PasswordCharSequence implements CharSequence {
        private CharSequence mSource;
        public PasswordCharSequence(CharSequence source) {
            mSource = source; // Store char sequence
        }
        public char charAt(int index) {
            return '*'; // This is the important part
        }
        public int length() {
            return mSource.length(); // Return default
        }
        public CharSequence subSequence(int start, int end) {
            return mSource.subSequence(start, end); // Return default
        }
    }
};

参考：In android how to show asterisk (*) in place of dots in EditText having inputtype as textPassword?

Answer 2

我认为简单的方法是，你必须在xml布局中定义6-edittext。 并使用自定义背景资源设置宽度和高度。

喜欢，

<?xml version="1.0" encoding="utf-8"?>

<solid android:color="#FFFFFF" />

<stroke
    android:width="1dp"
    android:color="#9999" />

<corners
    android:bottomLeftRadius="1dp"
    android:bottomRightRadius="1dp"
    android:topLeftRadius="1dp"
    android:topRightRadius="1dp" />

并读取所有edittext值。 我不确定，但它会帮助你。