自定义带clean图标的EditText

<pre name="code" class="java" style="font-size: 13.3333px;"><span style="font-family:Arial, Helvetica, sans-serif;"><strong><u>效果图：</u></strong></span>

<span style="font-family:Arial, Helvetica, sans-serif;"><strong><u>
</u></strong></span>

<span style="font-family:Arial, Helvetica, sans-serif;"><strong><u><img src="https://img-blog.csdn.net/20160911123735879" alt="" />
</u></strong></span>

<img src="https://img-blog.csdn.net/20160911123801629" alt="" />

package myself.cleanedittext;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.drawable.Drawable;
import android.text.Editable;
import android.text.InputFilter;
import android.text.Selection;
import android.text.Spanned;
import android.text.TextWatcher;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.CycleInterpolator;
import android.view.animation.TranslateAnimation;
import android.widget.EditText;

/**
 * Description: 在焦点变化时和输入内容发生变化时均要判断是否显示右边clean图标
 * Copyright  : Copyright (c) 2016
 * Email      : [email protected]
 * Author     : Jusenr
 * Date       : 2016/9/11 0011 上午 11:11
 */
public class CleanableEditText extends EditText implements View.OnFocusChangeListener, TextWatcher {
    private Drawable mRightDrawable;
    private boolean isHasFocus;
    private int maxLength;

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

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

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

    private void initStyteable(Context context, AttributeSet attrs) {
        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.CleanableEditText);
        maxLength = a.getInteger(R.styleable.CleanableEditText_maxLength, Integer.MAX_VALUE);
        a.recycle();
    }

    private void init() {
        Drawable[] drawables = getCompoundDrawables();
        mRightDrawable = drawables[2];
        if (mRightDrawable == null)
            if (isInEditMode())
                mRightDrawable = getResources().getDrawable(android.R.drawable.presence_offline);
            else
                mRightDrawable = getResources().getDrawableForDensity(android.R.drawable.presence_offline,
                        getResources().getDisplayMetrics().densityDpi);
        setOnFocusChangeListener(this);//设置焦点变化的监听
        addTextChangedListener(this);//设置EditText文字变化的监听
        setClearDrawableVisible(false);//初始化时让右边clean图标不可见
    }

    public void setMaxLenght(int maxLength) {
        this.maxLength = maxLength;
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_UP:
                boolean isClear = (event.getX() > (getWidth() - getTotalPaddingRight())) &&
                        (event.getY() < (getWidth() - getPaddingRight()));
                if (isClear) setText("");
                break;
        }
        return super.onTouchEvent(event);
    }

    @Override
    public void onFocusChange(View v, boolean hasFocus) {
        isHasFocus = hasFocus;
        if (isHasFocus) {
            boolean isVisible = getText().length() >= 1;
            setClearDrawableVisible(isVisible);
        } else {
            setClearDrawableVisible(false);
        }
    }

    @Override
    public void onTextChanged(CharSequence text, int start, int lengthBefore, int lengthAfter) {
        Editable editable = getText();
        int len = editable.length();
        if (len > maxLength) {
            int selEndIndex = Selection.getSelectionEnd(editable);
            String str = editable.toString();
            //截取字符串
            String newStr = str.substring(0, maxLength);
            setText(newStr);
            editable = getText();
            //新字符串的长度
            int newLen = editable.length();
            if (selEndIndex > newLen)//旧光标位置超过字符串长度
                selEndIndex = editable.length();
            Selection.setSelection(editable, selEndIndex);
            setSelection(newLen);
        } else {
            setSelection(len);
        }
    }

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

    }

    @Override
    public void afterTextChanged(Editable s) {
        boolean isVisible = getText().length() >= 1;
        setClearDrawableVisible(isVisible);
    }

    /**
     * 隐藏或者显示右边clean的图标
     *
     * @param isVisible 是否显示
     */
    private void setClearDrawableVisible(boolean isVisible) {
        Drawable rightDrawable;
        if (isVisible)
            rightDrawable = mRightDrawable;
        else
            rightDrawable = null;
        setCompoundDrawables(getCompoundDrawables()[0], getCompoundDrawables()[1], rightDrawable, getCompoundDrawables()[3]);
    }

    /**
     * 显示一个动画,以提示用户输入
     */
    public void setShakeAnimation() {
        this.setAnimation(shakeAnimation(5));
    }

    /**
     * CycleTimes动画重复的次数putao
     *
     * @param CycleTimes 重复的次数
     * @return 动画实例
     */
    public Animation shakeAnimation(int CycleTimes) {
        Animation translateAnimation = new TranslateAnimation(0, 10, 0, 10);
        translateAnimation.setInterpolator(new CycleInterpolator(CycleTimes));
        translateAnimation.setDuration(1000);
        return translateAnimation;
    }

    public static class EmojiInputFilter implements InputFilter {
        @Override
        public CharSequence filter(CharSequence source, int start, int end, Spanned dest, int dstart, int dend) {
            return filterEmoji(source);
        }
    }

    public static CharSequence filterEmoji(CharSequence source) {

        if (!containsEmoji(source)) {
            return source;//如果不包含，直接返回
        } else {
            return "";
        }
    }

    private static boolean containsEmoji(CharSequence source) {
        int len = source.length();
        for (int i = 0; i < len; i++) {
            char codePoint = source.charAt(i);
            if (isEmojiCharacter(codePoint)) {
                return true;
            }
        }
        return false;
    }

    private static boolean isEmojiCharacter(char codePoint) {
        boolean temp = (codePoint == 0x0) || (codePoint == 0x9)
                || (codePoint == 0xA) || (codePoint == 0xD)
                || ((codePoint >= 0x20) && (codePoint <= 0xD7FF))
                || ((codePoint >= 0xE000) && (codePoint <= 0xFFFD))
                || ((codePoint >= 0x10000)
                && (codePoint <= 0x10FFFF));

        return !temp;
    }
}

.../res/values/attrs.xml

<pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?>
<resources>

    <!--CleanableEditText-->
    <declare-styleable name="CleanableEditText">
        <attr name="maxLength" format="integer" />
    </declare-styleable>

</resources>

.../res/drawable/close_selector.xml

<pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/btn_20_close_p_sel" android:state_pressed="true" />
    <item android:drawable="@drawable/btn_20_close_p_nor" android:state_pressed="false" />
</selector>

使用：

<pre name="code" class="html">    <myself.cleanedittext.CleanableEditText
            android:id="@+id/et_nickname"
            android:layout_width="match_parent"
            android:layout_height="44dp"
            android:background="#fff"
            android:drawableRight="@drawable/close_selector"
            android:hint="这里显示用户昵称"
            android:maxLength="20"
            android:maxLines="1"
            android:paddingLeft="10dp"
            android:textColor="#313131" />

自定义带clean图标的EditText

猜你喜欢