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

版权声明:本文为博主原创文章,转载请注明出处。 https://blog.csdn.net/o279642707/article/details/78298204

Android自定义EditText:手把手教你做一款含一键删除&自定义样式的SuperEditText

前言 Android开发中,EditText的使用 非常常见 本文将手把手教你做一款 附带一键删除功能 & 自定义样式丰富的 SuperEditText控件,希望你们会喜欢。 已在Github开源:...
  • carson_ho
  • carson_ho
  • 2017-08-15 09:36:52
  • 9624

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

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

Android自定义EditText:你需要一款简单实用的SuperEditText(一键删除&自定义样式)

前言 Android开发中,EditText的使用 非常常见 本文将带来一款 附带一键删除功能 & 自定义样式丰富的 SuperEditText控件的使用,希望你们会喜欢。 已在Github开源:S...
  • carson_ho
  • carson_ho
  • 2017-08-15 09:33:09
  • 15402

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

自定义View之自定义EditText带删除内容按钮控件
  • qq_25404567
  • qq_25404567
  • 2017-06-04 22:36:52
  • 537

Android-EditText(自定义带删除功能的EditText)

Android-EditText 自定义带删除功能的EditText 1.说明 自定义带删除功能的EditText有两种方法,第一种是用组合视图的方法,即在一个view视图里面左侧放置一个Ed...
  • xiaoganstar
  • xiaoganstar
  • 2015-01-23 12:34:53
  • 13274

android自定义EditText

  • 2013年01月09日 15:56
  • 54KB
  • 下载

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

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

Android自定义控件-EditText(可用于登陆界面)

最近在研究前辈写的代码,看到了有关于登陆界面的用户名和密码,使用的是自定义EditText的,所以写两篇相关文章来记录。其实用户名和密码使用的EditText控件非常相似,拿用户名处使用的控件为例,它...
  • apyixiang
  • apyixiang
  • 2015-12-18 16:20:47
  • 1388

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

实现这个效果流程如下:1,重写EditText在后面加一个drawable2,  显示隐藏密码通过调用setTransformationMethod方法来实现1,自定义EditTextpackage ...
  • xuyonghong1122
  • xuyonghong1122
  • 2015-06-27 19:55:02
  • 2494

Android EditText一键删除功能实现

今天做了一个EditText带删除按钮Demo感觉有点用,所以分享一下! 效果图片 实现 1.在EditText上面加一个图片 (1)添加图片就比较简单了在EditText里面设置属性...
  • lipingaccp
  • lipingaccp
  • 2015-12-05 17:56:01
  • 1003
收藏助手
不良信息举报
您举报文章:android 自定义EditText 整合删除
举报原因:
原因补充:

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