天天看點

自定義帶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" />
           

繼續閱讀