TextWatcher使用和應(yīng)用場景

TextWatcher作用為監(jiān)測鍵盤輸入并根據(jù)輸入內(nèi)容展示不同顯示效果


接口分析(按回調(diào)順序)

  1. 文本改變前
@Override
public void beforeTextChanged(CharSequence s, int start, int count, int after) {}

其中有4個參數(shù):

  • CharSequence s:文本改變之前的內(nèi)容
  • int start : 被替換文本區(qū)域起點位置
  • int count:將被替換的文本區(qū)域字符數(shù)目
  • int after:替換后的文本字符數(shù)目

文本 s 中的 start 位置之后的 count 個字符將被替換為 after 個新的字符
注:s為替換前的文本

  1. 文本改變時
@Override
public void onTextChanged(CharSequence s, int start, int before, int count) {}

其中有4個參數(shù):

  • CharSequence s:文本改變之后的內(nèi)容
  • int start : 被替換文本區(qū)域起點位置,setText時是替換所有內(nèi)容,此時數(shù)值為0
  • int before:被替換之前的文本區(qū)域字符數(shù)目
  • int count:替換后的文本字符數(shù)目

文本 s 中的 start 位置之后的 before 個字符已經(jīng)被替換為 count 個新的字符
注:s為替換后的新文本

  1. 文本改變后
@Override
public void afterTextChanged(Editable s) {}

其中有1個參數(shù):

  • Editable s:文本改變之后的內(nèi)容

TextWatcher使用

 //所有繼承自TextView的類
 textView.addTextChangedListener(new TextWatcher() {

     @Override
     public void onTextChanged(CharSequence s, int start, int before,  int count) {}

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

     @Override
     public void afterTextChanged(Editable s) {}
 });

注意事項 :

  • 在回調(diào)方法中獲取的新字符串雖然已經(jīng)設(shè)置到TextView中,但是還未在UI界面中更新.

重要 :
經(jīng)網(wǎng)上查閱,幾乎沒有人提到過回調(diào)方法過程中UI是否已經(jīng)更新數(shù)據(jù),而筆者比較在意是否處理數(shù)據(jù)導(dǎo)致頁面閃爍.
發(fā)現(xiàn)有人已經(jīng)注意到這一點,其情景為短時間內(nèi)多次觸發(fā)回調(diào),但是頁面只顯示了最后一次數(shù)據(jù)結(jié)果,而評論中卻歸結(jié)為處理速度快導(dǎo)致分辨不出閃爍.
筆者在回調(diào)方法中加入延時,而UI更新時間為3個回調(diào)方法結(jié)束后.判斷為只有在數(shù)據(jù)處理完畢后才會顯示在UI上.
如若判斷失誤歡迎大家指正

  • 有2種情況會觸發(fā)TextWatcher的3個回調(diào)方法,setText()EditText鍵盤輸入
  • 如果在回調(diào)方法中調(diào)用setText(),會進入無限循環(huán),需要增加判斷條件
  • afterTextChanged中去改變Editable s的值會觸發(fā)TextWatcher的3個回調(diào)方法,會進入無限循環(huán),需要增加判斷條件
  • Editable sCharSequence s獲取的數(shù)據(jù)為去除空格和回車之后字符串.

應(yīng)用場景

  1. 各種銀行卡/激活碼/手機號/電話號等等輸入框,可根據(jù)輸入的內(nèi)容進行添加空格,破折號或加號等等,形成格式化.
  2. 對于微博,微信朋友圈等等場景多半對于字符串長度有要求,而直觀的加入字?jǐn)?shù)顯示和剩余字?jǐn)?shù)可提升用戶體驗.
  3. 特殊場景,比如輸入銀行卡時只能輸入數(shù)字,身份證只能輸入數(shù)字+X,輸入激活碼時全部大寫等等.
  4. 輸入聯(lián)想,輸入補全等等,例如商品搜索過程自動改變listview內(nèi)容,例如輸入郵箱過程中檢測到@時自動顯示常用后綴等等.
  5. 拋磚引玉,歡迎大家發(fā)掘更多應(yīng)用場景

InputFilter過濾

InputFilter是系統(tǒng)提供的一個接口,是一個過濾器,修改傳入的字符串,返回值類型為CharSequence.

自定義InputFilter

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

可以看到只需要實現(xiàn)filter()方法,而方法會傳入6個參數(shù),下面詳細解釋每個參數(shù)的含義

  • CharSequence source 用來替換的新的字符串,包括鍵盤輸入/setText()/粘貼的內(nèi)容
  • int start source的起始位置
  • int end source的結(jié)束位置
    以上3個參數(shù)描述出用來替換的新的字符串
  • Spanned dest 修改前的字符串,setText()destEMPTY_SPANNED,添加或修改時為輸入框內(nèi)的文本內(nèi)容
  • int dstart dest選中范圍的起始位置
  • int dend dest選中范圍的結(jié)束位置
textView.setFilters(inputFilters);

設(shè)置過濾器,inputFiltersInputFilter 數(shù)組.

注意事項

  1. setFilters方法為替換過程,如果直接添加我們自定義的過濾器會導(dǎo)致原本textview自帶的過濾方法失效,比如設(shè)置了maxLength屬性會無效.具體方法如下
    //獲取到原來的InputFilter數(shù)組
    textView.getFilters();
    ...  //將獲取到的InputFilter數(shù)組元素加入新建的數(shù)組中
    //設(shè)置新的
    textView.setFilters(inputFilters);
  1. 過濾操作在beforeTextChanged回調(diào)方法之前進行
  2. 過濾操作是對InputFilter數(shù)組的元素進行遍歷,需要考慮元素順序?qū)^濾的影響
int n = mFilters.length;
for (int i = 0; i < n; i++) {
CharSequence out = mFilters[i].filter(text, 0, text.length(), EMPTY_SPANNED, 0, 0);
      if (out != null) {
          text = out;
      }
}

根據(jù)源碼得知,當(dāng)返回值為null時,不對輸入數(shù)據(jù)進行任何過濾操作,數(shù)據(jù)不變


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末杜跷,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,383評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件勇吊,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機评矩,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,522評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來阱飘,“玉大人斥杜,你說我怎么就攤上這事×ば伲” “怎么了蔗喂?”我有些...
    開封第一講書人閱讀 157,852評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長高帖。 經(jīng)常有香客問我缰儿,道長,這世上最難降的妖魔是什么散址? 我笑而不...
    開封第一講書人閱讀 56,621評論 1 284
  • 正文 為了忘掉前任乖阵,我火速辦了婚禮宣赔,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘瞪浸。我一直安慰自己儒将,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,741評論 6 386
  • 文/花漫 我一把揭開白布对蒲。 她就那樣靜靜地躺著钩蚊,像睡著了一般。 火紅的嫁衣襯著肌膚如雪蹈矮。 梳的紋絲不亂的頭發(fā)上砰逻,一...
    開封第一講書人閱讀 49,929評論 1 290
  • 那天,我揣著相機與錄音泛鸟,去河邊找鬼蝠咆。 笑死,一個胖子當(dāng)著我的面吹牛谈况,可吹牛的內(nèi)容都是我干的勺美。 我是一名探鬼主播,決...
    沈念sama閱讀 39,076評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼碑韵,長吁一口氣:“原來是場噩夢啊……” “哼赡茸!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起祝闻,我...
    開封第一講書人閱讀 37,803評論 0 268
  • 序言:老撾萬榮一對情侶失蹤占卧,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后联喘,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體华蜒,經(jīng)...
    沈念sama閱讀 44,265評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,582評論 2 327
  • 正文 我和宋清朗相戀三年豁遭,在試婚紗的時候發(fā)現(xiàn)自己被綠了叭喜。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,716評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡蓖谢,死狀恐怖捂蕴,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情闪幽,我是刑警寧澤啥辨,帶...
    沈念sama閱讀 34,395評論 4 333
  • 正文 年R本政府宣布,位于F島的核電站盯腌,受9級特大地震影響溉知,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,039評論 3 316
  • 文/蒙蒙 一级乍、第九天 我趴在偏房一處隱蔽的房頂上張望舌劳。 院中可真熱鬧,春花似錦卡者、人聲如沸蒿囤。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,798評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至底挫,卻和暖如春恒傻,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背建邓。 一陣腳步聲響...
    開封第一講書人閱讀 32,027評論 1 266
  • 我被黑心中介騙來泰國打工盈厘, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人官边。 一個月前我還...
    沈念sama閱讀 46,488評論 2 361
  • 正文 我出身青樓沸手,卻偏偏與公主長得像,于是被迫代替她去往敵國和親注簿。 傳聞我的和親對象是個殘疾皇子契吉,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,612評論 2 350

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