3.5 EditText监听内容变化

标注：本文为个人学习使用，仅做自己学习参考使用，请勿转载和转发
2018-07-09: 初稿，哎，感冒了。参考博主coder-pig

0. 引言

• 前文已经介绍过EditText的控件了，本节主要讲述如何监听输入框的内容变化！这个比较实用！
• 以及如何实现EditText的密码可见与不可见！

1. 监听EditText的内容变化

• 根据小标题可以知道，EditText是基于监听的事件处理机制，好像前面的点击事件OnClickListener，文娥本内容的监听起则是：TextWatcher。
• 可以调用EditText.addTextChangeListener(mTextWatcher); 来为EditText设置内容变化监听
• 简单的说TextWatcher，实现该类需实现三个方法

public void beforeTextChanged(CharSequence s, int start,int count, int after);   
public void onTextChanged(CharSequence s, int start, int before, int count);
public void afterTextChanged(Editable s);

• 上述三个方法会在下面的情况触发

1. 内容变化前
2. 内容变化中
3. 内容变化后

• 我们可以根据实际的需求重写相关方法，一般重写得较多的就是第三个方法
• 监听EditText的场景还有很多：限制字数的输入，限制输入的内容等等
• 这里实现的是一个简单的自定义的EditText，输入内容之后，有面会显示一个叉叉的圆圈，用户点击后，可以清空文本框
• 当然也可以不自定义，直接为EditText添加TextWatcher然后设置下删除按钮
  实现效果图：
  
  
  
  自定义EditText：DelEditText.java

import android.content.Context;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.text.Editable;
import android.text.TextWatcher;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.widget.EditText;

/**
 * Created by coder-pig on 2015/7/16 0016.
 */
public class DelEditText extends EditText {

    private Drawable imgClear;
    private Context mContext;

    public DelEditText(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.mContext = context;
        init();
    }

    private void init() {
        imgClear = mContext.getResources().getDrawable(R.drawable.delete_gray);
        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 editable) {
                setDrawable();
            }
        });
    }


    //绘制删除图片
    private void setDrawable(){
        if (length() < 1)
            setCompoundDrawablesWithIntrinsicBounds(null, null, null, null);
        else
            setCompoundDrawablesWithIntrinsicBounds(null, null, imgClear, null);
    }


    //当触摸范围在右侧时，触发删除方法，隐藏叉叉
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if(imgClear != null && event.getAction() == MotionEvent.ACTION_UP)
        {
            int eventX = (int) event.getRawX();
            int eventY = (int) event.getRawY();
            Rect rect = new Rect();
            getGlobalVisibleRect(rect);
            rect.left = rect.right - 100;
            if (rect.contains(eventX, eventY))
                setText("");
        }
        return super.onTouchEvent(event);
    }


    @Override
    protected void finalize() throws Throwable {
        super.finalize();
    }
}

EditText的背景drawable：bg_frame_search.xml

颜色资源:color.xml

    #FFFFFF
    #3086E4
    #40BAF8
    #ADAEAD
    #FFFFFF
    #e75049

布局文件：activity_main.xml

2. EditText的密码可见与不可见

这个也是一个很实用的需求，就是用户点击按钮后可让EditText中的密码可见或者不可见~

实现效果图：

实现代码： activity_main.xml

MainActivity.java

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.text.method.HideReturnsTransformationMethod;
import android.text.method.PasswordTransformationMethod;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;

public class MainActivity extends AppCompatActivity {

    private EditText edit_pawd;
    private Button btnChange;
    private boolean flag = false;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        edit_pawd = (EditText) findViewById(R.id.edit_pawd);
        btnChange = (Button) findViewById(R.id.btnChange);
        edit_pawd.setHorizontallyScrolling(true);    //设置EditText不换行
        btnChange.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                if(flag == true){
                    edit_pawd.setTransformationMethod(HideReturnsTransformationMethod.getInstance());
                    flag = false;
                    btnChange.setText("密码不可见");
                }else{
                    edit_pawd.setTransformationMethod(PasswordTransformationMethod.getInstance());
                    flag = true;
                    btnChange.setText("密码可见");
                }
            }
        });
    }
}

editborder.xml