android中EditText一键清除实现

基本思路:

1.在Edittext右边添加一个有着叉叉背景的Button(或图片);
2.根据Edittext的情况进行判断Button(或图片)是否要显示或隐藏.

布局效果图

android中EditText一键清除实现_第1张图片

布局相关代码:

android中EditText一键清除实现_第2张图片
获取图片中的图标可以点击

主要功能的实现封装成一个工具类EditTextUtils:

import android.text.Editable;
import android.text.TextUtils;
import android.text.TextWatcher;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.EditText;

/**
 * Author by wzh,Date on 2019/4/25.
 * PS: Not easy to write code, please indicate.
 */
public class EditTextUtils {
    public static void clearButtonListener(final EditText et, final View view) {
        // 取得et中的文字
        String etInputString = et.getText().toString();
        // 根据et中是否有文字进行X可见或不可见的判断
        if (TextUtils.isEmpty(etInputString)) {
            view.setVisibility(view.INVISIBLE);
        } else {
            view.setVisibility(View.VISIBLE);
        }
        //点击X时使et中的内容为空
        view.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                et.setText("");
                et.requestFocusFromTouch();
            }
        });
        //对et的输入状态进行监听
        et.addTextChangedListener(new TextWatcher() {

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

            }

            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {

            }

            @Override
            public void afterTextChanged(Editable s) {
                if (s.length() == 0) {
                    view.setVisibility(View.INVISIBLE);
                } else {
                    view.setVisibility(View.VISIBLE);
                }
            }
        });
    }
}

MainActivity相关代码:

android中EditText一键清除实现_第3张图片

你可能感兴趣的:(as)