Android自定義帶刪除按鈕的EditText

前言

為了提升用戶(hù)體驗(yàn),很多時(shí)候我們都需要在輸入框后面添加“一鍵清空”按鈕坝锰,比如輸入賬號(hào)密碼時(shí)粹懒。實(shí)現(xiàn)起來(lái)也很簡(jiǎn)單,可以直接在EditText外面包裹一層FrameLayout什黑,然后添加一個(gè)刪除按鈕崎淳。但是這樣子邏輯稍微復(fù)雜,如果很多地方用的話(huà)還是很麻煩的愕把。所以今天我們來(lái)實(shí)現(xiàn)一個(gè)帶刪除按鈕的EditText,簡(jiǎn)化我們的開(kāi)發(fā)過(guò)程森爽。

截圖

效果圖

關(guān)鍵代碼

public class ClearableEditText extends AppCompatEditText {
    private static final int DRAWABLE_LEFT = 0;
    private static final int DRAWABLE_TOP = 1;
    private static final int DRAWABLE_RIGHT = 2;
    private static final int DRAWABLE_BOTTOM = 3;
    private Drawable mClearDrawable;

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

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

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

    private void init() {
        mClearDrawable = getResources().getDrawable(R.drawable.ic_edit_text_clear);
    }

    @Override
    protected void onTextChanged(CharSequence text, int start, int lengthBefore, int lengthAfter) {
        super.onTextChanged(text, start, lengthBefore, lengthAfter);
        setClearIconVisible(hasFocus() && text.length() > 0);
    }

    @Override
    protected void onFocusChanged(boolean focused, int direction, Rect previouslyFocusedRect) {
        super.onFocusChanged(focused, direction, previouslyFocusedRect);
        setClearIconVisible(focused && length() > 0);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_UP:
                Drawable drawable = getCompoundDrawables()[DRAWABLE_RIGHT];
                if (drawable != null && event.getX() <= (getWidth() - getPaddingRight())
                        && event.getX() >= (getWidth() - getPaddingRight() - drawable.getBounds().width())) {
                    setText("");
                }
                break;
        }
        return super.onTouchEvent(event);
    }

    private void setClearIconVisible(boolean visible) {
        setCompoundDrawablesWithIntrinsicBounds(getCompoundDrawables()[DRAWABLE_LEFT], getCompoundDrawables()[DRAWABLE_TOP],
                visible ? mClearDrawable : null, getCompoundDrawables()[DRAWABLE_BOTTOM]);
    }
}

使用

直接將layout中的EditText改為$your package name$.ClearableEditText即可恨豁。
如果沒(méi)有依賴(lài)v7包需將其繼承的AppCompatEditText改為普通的EditText。

源碼下載

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末徽职,一起剝皮案震驚了整個(gè)濱河市说订,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌埂伦,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,839評(píng)論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件嗜逻,死亡現(xiàn)場(chǎng)離奇詭異逆日,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)坪圾,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén)病梢,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人填抬,你說(shuō)我怎么就攤上這事《敛穑” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 153,116評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵篡石,是天一觀的道長(zhǎng)继控。 經(jīng)常有香客問(wèn)我武通,道長(zhǎng)尾菇,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,371評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮朝刊,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘咙鞍。我一直安慰自己孵奶,他們只是感情好朗恳,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,384評(píng)論 5 374
  • 文/花漫 我一把揭開(kāi)白布怀浆。 她就那樣靜靜地躺著秒啦,像睡著了一般灌诅。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上顽聂,一...
    開(kāi)封第一講書(shū)人閱讀 49,111評(píng)論 1 285
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播胧谈,決...
    沈念sama閱讀 38,416評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼和悦,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼馍忽!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起吵血,我...
    開(kāi)封第一講書(shū)人閱讀 37,053評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤尉共,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后旋廷,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體扎运,經(jīng)...
    沈念sama閱讀 43,558評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡齿椅,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,007評(píng)論 2 325
  • 正文 我和宋清朗相戀三年纱耻,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了蘑志。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,117評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡冬三,死狀恐怖窝爪,靈堂內(nèi)的尸體忽然破棺而出邀杏,到底是詐尸還是另有隱情拷恨,我是刑警寧澤冕杠,帶...
    沈念sama閱讀 33,756評(píng)論 4 324
  • 正文 年R本政府宣布与倡,位于F島的核電站净响,受9級(jí)特大地震影響少欺,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,324評(píng)論 3 307
  • 文/蒙蒙 一仿滔、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧盐固,春花似錦刁卜、人聲如沸蛔趴。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,315評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)昨悼。三九已至韩玩,卻和暖如春找颓,著一層夾襖步出監(jiān)牢的瞬間合愈,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,539評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工击狮, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留佛析,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,578評(píng)論 2 355
  • 正文 我出身青樓彪蓬,卻偏偏與公主長(zhǎng)得像寸莫,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子档冬,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,877評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,520評(píng)論 25 707
  • ¥開(kāi)啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開(kāi)一個(gè)線(xiàn)程膘茎,因...
    小菜c閱讀 6,358評(píng)論 0 17
  • 先說(shuō)一下這篇文章里面的內(nèi)容:TCP 客戶(hù)端, 自定義對(duì)話(huà)框, 自定義按鈕, ProgressBar豎直顯示, 重力...
    楊奉武閱讀 3,275評(píng)論 0 3
  • day01 英語(yǔ)****Generation 一代人;代(約30年)酷誓,時(shí)代icon 圖標(biāo)Libraries:...
    lengol閱讀 1,974評(píng)論 0 50
  • 很多時(shí)候 很多事情 當(dāng)你不再刻意追求 不再刻意畫(huà)圈的時(shí)候 就會(huì)發(fā)現(xiàn) 生活在慢慢的發(fā)生著改變 并且會(huì)是朝著曾經(jīng)向往的...
    一只獨(dú)自游水的魚(yú)閱讀 277評(píng)論 1 1