一个带密码显示的EditText

  相信大家都会有遇到过一些最基本的登录或注册业务的场景，里面大多都不可避免地带有一些文本密码输入框。在Android开发中，我们都有用过EditText的控件，但是不同项目每次写又要重新定义一个类似的文本框，就显得有点繁琐，所以倒不如直接给定一个自定义功能的EditText以实现复用。

  首先在布局中我们只需要定义我们相关的控件，类似于这样：

                                                              

  我们只需要一个EditText控件，以及他内部的一个小按钮控件，这里我用的是ImageButton，当然只要是能显示图片的控件即可。

疑问？

  可能有人会觉得，为什么不直接使用TextView里的属性drawableXXX去显示这个图片呢？这个我也考虑过，但是会发现，除非我们重写EditText的onTouchListener()方法，并且还得根据手指点击的位置来对其进行判断，才能让其有响应事件的发生，这样子的工作量显然会比我们定义一个控件的工作量来的大。

  继而我们只需再新建一个文件并继承Viewgroup或其子类（继承Viewgroup要注意还要重写onLayout()和onMeasured()方法，不然只能指定高度和宽度才会显示，我这里继承自RelativeLayout），并对应找到其布局文件对其进行方法的封装即可。

  布局代码：

<?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">

    <RelativeLayout
        android:id="@+id/edit_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <EditText
            android:id="@+id/edit_text"
            android:layout_height="40dp"
            android:paddingStart="20dp"
            android:paddingEnd="45dp"
            android:inputType="textPassword"
            android:hint="请输入密码"
            android:layout_width="match_parent"
            android:background="@drawable/bg_edit_drawable"
            />

        <ImageButton
            android:id="@+id/image_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@null"
            android:src="@drawable/selector_eyes"
            android:layout_alignEnd="@id/edit_text"
            android:layout_centerVertical="true"
            android:paddingEnd="5dp"
            />

    </RelativeLayout>

    <TextView
        android:id="@+id/tips"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#e79191"
        android:layout_below="@id/edit_layout"
        android:layout_alignEnd="@id/edit_layout"
        android:layout_marginEnd="20dp"
        android:layout_marginTop="5dp"
        />



</RelativeLayout>

PasswordEditText:

import android.content.Context;
import android.support.annotation.Nullable;
import android.text.Editable;
import android.text.InputType;
import android.text.TextWatcher;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import android.widget.EditText;
import android.widget.ImageButton;
import android.widget.RelativeLayout;
import android.widget.TextView;

import java.util.regex.Matcher;
import java.util.regex.Pattern;

/**
 * Created by 84594 on 2018/12/10.
 */

public class PasswordEditText extends RelativeLayout {

    private EditText editText;
    private ImageButton imageButton;
    private TextView tipsText;

    private boolean isShow = false;

    private Context context;

    public PasswordEditText(Context context) {
        this(context, null);
    }

    public PasswordEditText(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public PasswordEditText(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context);
    }

    private void init(Context context) {
        this.context = context;
        View root = View.inflate(context, R.layout.layout_edit_text, this);
        editText = root.findViewById(R.id.edit_text);
        imageButton = root.findViewById(R.id.image_button);
        tipsText = root.findViewById(R.id.tips);

        imageButton.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                //每点击一次则取反
                isShow = !isShow;
                imageButton.setSelected(isShow);
                if (isShow) {
                    editText.setInputType(InputType.TYPE_TEXT_VARIATION_PASSWORD);
                } else {
                    editText.setInputType(InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_PASSWORD);
                }

                editText.setSelection(editText.getText().toString().length());
            }
        });
        //匹配中文字符
        final Pattern pattern = Pattern.compile("[\u4E00-\u9FA5]+");

        editText.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {

            }

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {

            }

            @Override
            public void afterTextChanged(Editable s) {
                Matcher matcher = pattern.matcher(s);
                if (matcher.find()) {
                    tipsText.setText("密码不能含有中文字符");
                } else {
                    tipsText.setText("");
                }
            }
        });
    }

    public void setHint(String hint) {
        editText.setHint(hint);
    }

    public Editable getPassword() {
        return editText.getText();
    }

    public void setPassword(String password) {
        editText.setText(password);
    }

    public void setImageDrawable(int drawableRes) {
        imageButton.setImageDrawable(context.getDrawable(drawableRes));
    }

    public void setTips(String tips) {
        tipsText.setText(tips);
    }


}

  这里我还对输入的内容进行了一些判别，当然大家可以根据自己的需求更改其匹配规则，或者更加丰富自己密码输入框的功能。