android 自定义EditText 整合删除

原创 2017年10月20日 18:17:07

前言

对常用组件进行封装可以使开发事半功倍,比如这篇介绍的带删除功能和字符串格式功能的EditText

思路:

对多个系统View 进行整合,将具有删除功能的img封装到EditText中,然后可以对字符进行格式化的功能以接口
形式对外暴露,具体实现给调用方。方便多项目移植并且达到功能上解耦。

效果图

这里写图片描述

如上图, 手机号码进行 344 分割,获取焦点后 删除img显示,失去光标则消失 删除img。看到这里是不是已经有自己封装方式了。

源码

package com.nuoyuan.xd.widget;

import android.content.Context;
import android.graphics.drawable.Drawable;
import android.support.v4.content.ContextCompat;
import android.support.v4.graphics.drawable.DrawableCompat;
import android.support.v7.widget.AppCompatEditText;
import android.text.Editable;
import android.text.TextWatcher;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;

import com.nuoyuan.xd.R;


/**
 * by weichyang 2017/10/13 14:52
 * 1.自包含删除图标
 * 2.规则定制
 */
public class NyCompatEditText extends AppCompatEditText implements View.OnFocusChangeListener, View.OnTouchListener, TextWatcher {

    /**
     * 关闭图片
     */
    private Drawable mClearTextIcon;
    /**
     * 焦点监听回调
     */
    private OnFocusChangeListener mOnFocusChangeListener;
    /**
     * 规则接口
     */
    private EditerRuler editerRuler;
    private OnTouchListener mOnTouchListener;

    private Context mContext;

    private Drawable dRight;

    public NyCompatEditText(Context context) {
        super(context);
        init(context);
    }

    public NyCompatEditText(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context);
    }

    public NyCompatEditText(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context);
    }

    private void init(Context context) {
        this.mContext = context;
        mClearTextIcon = getCompoundDrawables()[2];
        if (mClearTextIcon == null) {
            final Drawable drawable = ContextCompat.getDrawable(context, R.drawable.iconclose);
            final Drawable wrapDrawable = DrawableCompat.wrap(drawable);
            DrawableCompat.setTint(wrapDrawable, getCurrentHintTextColor());
            mClearTextIcon = wrapDrawable;
        }

        mClearTextIcon.setBounds(0, 0, mClearTextIcon.getIntrinsicHeight(), mClearTextIcon.getIntrinsicHeight());
        setClearIconVisible(false);
        super.setOnFocusChangeListener(this);
        super.setOnTouchListener(this);
        addTextChangedListener(this);
    }

    public void setmOnFocusChangeListener(OnFocusChangeListener mOnFocusChangeListener) {
        this.mOnFocusChangeListener = mOnFocusChangeListener;
    }

    public void setmOnTouchListener(OnTouchListener mOnTouchListener) {
        this.mOnTouchListener = mOnTouchListener;
    }

    public void addEditerRuler(EditerRuler editerRuler) {
        this.editerRuler = editerRuler;
    }

    private void setClearIconVisible(boolean visible) {
        mClearTextIcon.setVisible(visible, false);
        final Drawable[] compoundDrawables = getCompoundDrawables();
        setCompoundDrawables(
                compoundDrawables[0],
                compoundDrawables[1],
                visible ? mClearTextIcon : null,
                compoundDrawables[3]);
    }

    @Override
    public void onFocusChange(View v, boolean hasFocus) {
        if (hasFocus) {
            setClearIconVisible(getText().length() > 0);
        } else {
            setClearIconVisible(false);
        }
        if (mOnFocusChangeListener != null) {
            mOnFocusChangeListener.onFocusChange(v, hasFocus);
        }
    }

    @Override
    public boolean onTouch(View v, MotionEvent motionEvent) {
        int x = (int) motionEvent.getX();
        if (mClearTextIcon.isVisible() && x > getWidth() - getPaddingRight() - mClearTextIcon.getIntrinsicWidth()) {
            if (motionEvent.getAction() == motionEvent.ACTION_UP) {
                setError(null);
                setText("");
            }
            return true;
        }
        return (mOnTouchListener != null && mOnTouchListener.onTouch(v, motionEvent));

    }

    @Override
    public void beforeTextChanged(CharSequence s, int start, int count, int after) {
        Log.d("beforeTextChanged", " s:" + s + " start:" + start + " count:" + count + " after:" + after);
    }

    @Override
    public void onTextChanged(CharSequence s, int start, int lengthBefore, int lengthAfter) {

        if (isFocused()) {
            setClearIconVisible(s.length() > 0);
        }
        if (s == null || s.length() == 0) return;

        if (editerRuler != null) {
            String[] afterRuler = editerRuler.runRulerForResult(s, start, lengthBefore);
            if (afterRuler != null && (afterRuler.length > 0 && afterRuler.length == 2)) {
                this.setText(afterRuler[0]);
                this.setSelection(afterRuler[1] == null ? 0 : Integer.valueOf(afterRuler[1]));
            }
        }

    }

    @Override
    public void afterTextChanged(Editable s) {

    }
}

关键地方就是针对 光标处理,以及规则获取。这里以接口形式对外发布规则接口。

规则接口


/**
 * Created by weichyang on 2017/10/13.
 */

public interface EditerRuler {

    /**
     * 外部设置edit规则
     * @param s 设置string
     * @param start
     * @param lengthBefore
     */
    String[] runRulerForResult(CharSequence s,
                               int start,
                               int lengthBefore);
}

规则实现类

package com.nuoyuan.xd.widget;

/**
 * Author: weichyang
 * Date:   2017/10/13
 * Description: editer 规则实现类
 *
 * 手机号码
 * 身份证号码
 */

public class EditerRulerImpl implements EditerRuler {

    @Override
    public String[] runRulerForResult(CharSequence s, int start, int lengthBefore) {

        return getFormatPhoneNum(s,start,lengthBefore);
    }

    /**
     * 手机号码规则
     * @param s
     * @param start
     * @param lengthBefore
     * @return
     */
    private String[]  getFormatPhoneNum(CharSequence s, int start, int lengthBefore){
        //手机号格式化xxx xxxx xxxx
        String[] result= new String[2];
        StringBuilder sb = new StringBuilder();
        for (int i = 0; i < s.length(); i++) {
            if (i != 3 && i != 8 && s.charAt(i) == ' ') {
                continue;
            } else {
                sb.append(s.charAt(i));
                if ((sb.length() == 4 || sb.length() == 9) && sb.charAt(sb.length() - 1) != ' ') {
                    sb.insert(sb.length() - 1, ' ');
                }
            }
        }
        if (!sb.toString().equals(s.toString())) {
            int index = start + 1;
            if (sb.charAt(start) == ' ') {
                if (lengthBefore == 0) {
                    index++;
                } else {
                    index--;
                }
            } else {
                if (lengthBefore == 1) {
                    index--;
                }
            }
            result[0]=sb.toString();
            result[1]=String.valueOf(index);
            return result;
        }
        return null;
    }

}

如上,所有规则定制,放入规则实现类。用到那个规则调用那个规则,这里这些了一个手机号码段分割规则。其他自行脑补。

调用地方

       editPhoneNumber.addEditerRuler(new EditerRulerImpl());

直接将规则实现类,传进入。ok

版权声明:本文为博主原创文章,转载请注明出处。

Android自定义右边带删除按钮的EditText

在开发Android应用程序时,有时需要EditText的的右侧提供一个删除按钮,当输入框有内容是显示右边的删除按钮,当输入框没有内容时隐藏右边的删除按钮。要实现这样的功能我们可以继承已有的EditT...
  • han_han_1
  • han_han_1
  • 2015年02月09日 09:15
  • 1040

自定义View之自定义EditText带删除内容按钮控件

自定义View之自定义EditText带删除内容按钮控件
  • qq_25404567
  • qq_25404567
  • 2017年06月04日 22:36
  • 365

android自定义View之自定义EditText(添加删除功能)

EditTextWithDel组件的功能如下: 1、在没用内容的时候显示不可用的图片状态,在有内容的时候显示可用的图片状态; 2、在有内容的时候点击删除按钮可以删除...
  • ff20081528
  • ff20081528
  • 2013年12月04日 17:36
  • 27708

Android自定义具有清除输入的EditText

最近在做毕设,参照美团UI的时候,发现美团的输入框在输入的时候在右面会出现一个小叉,点击之后可以清除输入的内容: 花点时间实现一下实现目标:在没有输入内容的时候,清除图标是隐藏的,当输入内容时,清除...
  • gaozhan_csdn
  • gaozhan_csdn
  • 2017年03月07日 16:08
  • 398

android自定义控件(组合控件)--带删除按钮的EditText

今天实现一个非常简单的自定义控件,带删除按钮的EditText框。 首先我们要有明确的需求,要做一个怎样的EditText框,他都要实现哪些功能? 既然这样,那我们就自己给自己定个需求。 1.需...
  • longzhi_2009
  • longzhi_2009
  • 2015年01月06日 13:18
  • 1251

Android 带清除功能的输入框控件ClearEditText,仿IOS的输入框

今天给大家带来一个很实用的小控件ClearEditText,就是在Android系统的输入框右边加入一个小图标,点击小图标可以清除输入框里面的内容,IOS上面直接设置某个属性就可以实现这一功能,但是A...
  • xiaanming
  • xiaanming
  • 2013年09月04日 17:33
  • 75510

Android里EditText按删除键没反应的解决方法

EditText输入时按删除键没反应,可能是因为在Activity里重写了dispatchKeyEvent() 方法,这个方法是监听这个Activity页面的软键盘,并作出一系列操作的方法。如果不做处...
  • heshunzhishi
  • heshunzhishi
  • 2016年03月03日 23:47
  • 2109

Android 带一键删除按钮的EditText

1.操作步骤简单,使用方便import android.content.Context; import android.graphics.Rect; import android.graphics.d...
  • jky_yihuangxing
  • jky_yihuangxing
  • 2016年04月13日 16:28
  • 905

Android打造带删除的EditText并且实现输入框密码显示、隐藏

Android打造带删除的EditText并且实现输入框密码显示、隐藏
  • xuyonghong1122
  • xuyonghong1122
  • 2015年06月27日 19:55
  • 2342

自定义AlertDialog对话框,包括解决对话框中edittext不能输入的问题

1、自定义代码实现: private void addAndEditBookmark(final String typeStr, String title) { // 1. 布局文件转换为View对象...
  • leihuanhuan123
  • leihuanhuan123
  • 2016年08月12日 11:07
  • 340
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:android 自定义EditText 整合删除
举报原因:
原因补充:

(最多只允许输入30个字)