安卓onTextChanged参数解释及实现EditText字数监听 Editable使用

  • 2017-09-29
  • 0
  • 0

尊重原作者:此篇文章是借鉴原作者地址 的博文 并进行修改和增加补充说明,我只是补充和修改:
我感觉这篇文章经过我的补充 市面多少文本操作变化 你都知道怎么做了.并且感觉是非常详细关于 android 文本编辑框的文本变化 并且通俗易懂(内含动态图),

为了大家方便查看 我这里复制作者博文内容 并且修正部分内容 后面在补充
我正参加CSDN明日之星比赛 还希望您投我一票

原作者部分(修改部分)

由于最近做项目要检测EditText中输入的字数长度,从而接触到了Android中EditText的监听接口,TextWatcher。
它有三个成员方法,第一个after很简单,这个方法就是在EditText内容已经改变之后调用,重点看下面两个方法:

beforeTextChanged(CharSequence s, int start, int count, int after)
  • 1

这个方法是在Text改变之前被调用,它的意思就是说在原有的文本s中,从start开始的count个字符将会被一个新的长度为after的文本替换,注意这里是将被替换,还没有被替换。

onTextChanged(CharSequence s, int start, int before, int count)
  • 1

这个方法是在Text改变过程中触发调用的,它的意思就是说在原有的文本s中,从start开始的count个字符替换长度为before的旧文本,注意这里没有将要之类的字眼,也就是说一句执行了替换动作。
可能说起来比较抽象,我举个简单的例子,比如说我们监听一个EditText,默认开始的时候EditText中没有文本,当我们输入LOVE四个字母的时候,在打印信息中我输出各个参数看一下参数的变化。

10-18 16:40:21.528: D/Debug(4501): beforeTextChanged 被执行----> s=----start=0----after=1----count=0
10-18 16:40:21.528: D/Debug(4501): onTextChanged 被执行---->s=L----start=0----before=0----count=1
10-18 16:40:21.532: D/Debug(4501): afterTextChanged 被执行---->L
10-18 16:40:29.304: D/Debug(4501): beforeTextChanged 被执行----> s=L----start=1----after=1----count=0
10-18 16:40:29.308: D/Debug(4501): onTextChanged 被执行---->s=LO----start=1----before=0----count=1
10-18 16:40:29.308: D/Debug(4501): afterTextChanged 被执行---->LO
10-18 16:40:32.772: D/Debug(4501): beforeTextChanged 被执行----> s=LO----start=2----after=1----count=0
10-18 16:40:32.772: D/Debug(4501): onTextChanged 被执行---->s=LOV----start=2----before=0----count=1
10-18 16:40:32.776: D/Debug(4501): afterTextChanged 被执行---->LOV
10-18 16:40:34.772: D/Debug(4501): beforeTextChanged 被执行----> s=LOV----start=3----after=1----count=0
10-18 16:40:34.772: D/Debug(4501): onTextChanged 被执行---->s=LOVE----start=3----before=0----count=1
10-18 16:40:34.776: D/Debug(4501): afterTextChanged 被执行---->LOVE
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

通过上面的打印信息我们可以发现在输入L之前beforeTextChanged被执行,s为空,所以s输入空,start=0,也就是从位置0开始,count=0,也就是0个字符将会被替换,after=1,也就是说0个字符将会被一个新的长度为after=1的文本(也就是L)替换。
当输入发生改变的时候onTextChanged被执行,此时s=L也就是输入的字母L,从start=0开始,count=1个字符替换了长度为before=0的旧文本。通俗点将就是字母L从位置0开始替换了原来的空文本,下面的就可以依次类推了。那么我们如何利用这个接口监听EditText的文本变化来实现限制输入字数的功能呢,我相信大家都有自己的想法了,这里我给出自己的一个简单实现,主要代码如下:

source_des.addTextChangedListener(new TextWatcher() { 
    private CharSequence temp; 
    private int selectionStart; 
    private int selectionEnd; 

    @Override 
    public void onTextChanged(CharSequence s, int start, int before, int count) { 
        Log.d(TAG, "onTextChanged 被执行---->s=" + s + "----start="+ start 
          + "----before="+before + "----count" +count); temp = s; 
    }

    public void beforeTextChanged(CharSequence s, int start, int count,int after) { 
        Log.d(TAG, "beforeTextChanged 被执行----> s=" + s+"----start="+ start 
          + "----after="+after + "----count" +count); 
    } 

    public void afterTextChanged(Editable s) { 
        Log.d(TAG, "afterTextChanged 被执行---->" + s); 
        //获取光标开始的位置
        selectionStart = source_des.getSelectionStart(); 
        //获取光标结束的位置
        selectionEnd = source_des.getSelectionEnd(); 
        //这里其实selectionStart  == selectionEnd 
        // 大家可以把获取的位置放入beforeTextChanged 然后选择部分文字(选择部分位置用光标选择2个以上) 删除可以看到效果 我后面做实验
        if (temp.length() > MAX_LENGTH) { 
            Toast.makeText(MainActivity.this, "只能输入九个字", 
              Toast.LENGTH_SHORT).show();
              //删除部分字符串 为[x,y) 包含x位置不包含y
              //也就是说删除 位置x到y-1 
            s.delete(selectionStart - 1, selectionEnd); 
            int tempSelection = selectionEnd; 
            //这里我修改了原作者 不需要这部
            //source_des.setText(s); 
            //如果你setText 传入s 的话会将编辑框的光标移到文本框最前面 所以这里我也注释了原作者
            //source_des.setSelection(tempSelection); 
        } 
    } 
});
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38

补充部分

好了大家看到了增加文本动态监听 那么我们看看删除会怎么触发事件
实验代码:

  editText.addTextChangedListener(new TextWatcher() {
            private CharSequence temp;
            private int selectionStart;
            private int selectionEnd;

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
                Log.d(TAG, "onTextChanged 被执行---->s=" + s + "----start="+ start
                        + "----before="+before + "----count" +count); temp = s;
                Log.e(TAG, "onTextChanged--getSelectionStart: " + editText.getSelectionStart());
                Log.e(TAG, "onTextChanged---getSelectionEnd: " + editText.getSelectionEnd());
            }

            public void beforeTextChanged(CharSequence s, int start, int count,int after) {
                Log.d(TAG, "beforeTextChanged 被执行----> s=" + s+"----start="+ start
                        + "----after="+after + "----count" +count);
                Log.e(TAG, "beforeTextChanged---getSelectionStart: " + editText.getSelectionStart());
                Log.e(TAG, "beforeTextChanged---getSelectionEnd: " + editText.getSelectionEnd());
            }

            public void afterTextChanged(Editable s) {
                Log.d(TAG, "afterTextChanged 被执行---->" + s);
                selectionStart = editText.getSelectionStart();
                selectionEnd = editText.getSelectionEnd();
                Log.e(TAG, "afterTextChanged---getSelectionStart: " + editText.getSelectionStart());
                Log.e(TAG, "afterTextChanged---getSelectionEnd: " + editText.getSelectionEnd());

            }
        });
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29

我们这里输入LOVE然后删除’ov’两个字母看看会发生
动态图显示步骤:
这里写图片描述

可以看到我把光标放入ov外面 那么光标开始位置为1 ,结束位置为3.然后删除

我们看看日志

12-03 12:20:22.355 21082-21082/a.fmy.com.test D/FMY: beforeTextChanged 被执行----> s=love----start=1----after=0----count2
12-03 12:20:22.355 21082-21082/a.fmy.com.test E/FMY: beforeTextChanged---getSelectionStart: 1
12-03 12:20:22.355 21082-21082/a.fmy.com.test E/FMY: beforeTextChanged---getSelectionEnd: 3
12-03 12:20:22.359 21082-21082/a.fmy.com.test D/FMY: onTextChanged 被执行---->s=le----start=1----before=2----count0
12-03 12:20:22.359 21082-21082/a.fmy.com.test E/FMY: onTextChanged--getSelectionStart: 1
12-03 12:20:22.359 21082-21082/a.fmy.com.test E/FMY: onTextChanged---getSelectionEnd: 1
12-03 12:20:22.412 21082-21082/a.fmy.com.test D/FMY: afterTextChanged 被执行---->le
12-03 12:20:22.412 21082-21082/a.fmy.com.test E/FMY: afterTextChanged---getSelectionStart: 1
12-03 12:20:22.412 21082-21082/a.fmy.com.test E/FMY: afterTextChanged---getSelectionEnd: 1
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

这里我放一张有颜色区分图片 (和上面一样的 只不过方便大家查看)
这里写图片描述

我们先来看看beforeTextChanged的日志部分

12-03 12:20:22.355 21082-21082/a.fmy.com.test D/FMY: beforeTextChanged 被执行----> s=love----start=1----after=0----count2
12-03 12:20:22.355 21082-21082/a.fmy.com.test E/FMY: beforeTextChanged---getSelectionStart: 1
12-03 12:20:22.355 21082-21082/a.fmy.com.test E/FMY: beforeTextChanged---getSelectionEnd: 3
  • 1
  • 2
  • 3

s:文字没有改变前字符串
start:准备要变化文本的位置下标 ,我们这里选择’ov’位置 所以这里相对应’love’位置为1
count:相对没改变前旧文本文本减少数量 因为我们这里要删除’ov’所以为2
after:新文本新加入的字符数量 这里没有增加反而减少 所以为0

getSelectionStart:我们光标的位置不是o的左边吗?所以为1
getSelectionEnd:光标位置在v右边 所以为3 大家回去看下动态图


我们最后来看一下另外onTextChanged
这部分的日志如下:

12-03 12:20:22.359 21082-21082/a.fmy.com.test D/FMY: onTextChanged 被执行---->s=le----start=1----before=2----count0
12-03 12:20:22.359 21082-21082/a.fmy.com.test E/FMY: onTextChanged--getSelectionStart: 1
12-03 12:20:22.359 21082-21082/a.fmy.com.test E/FMY: onTextChanged---getSelectionEnd: 1
  • 1
  • 2
  • 3

s:被改变后的文本 因为我们这里删除删除’ov’ 所以为le
start:文本开始改变的位置 ‘ov’相对原本文本的开始位置1,所以这里返回1
before:改变之前旧文本减少的数量 这里 ‘love’减少 ‘ov’相当于减少了2
count:新文本添加数量 这里是减少2所以返回0

getSelectionStart 这里删除后的光标状态 所以等于1
getSelectionEnd 这里删除后的光标状态 所以开始坐标等结束坐标 因此等于1

补充部分2

我们假设剪切板内容’12’ (意思是说我们赋值了12字符串在剪切板,只要一粘贴就会出现’12’)

那么我们做一个实验 在love上 用光标选择’ov’ 然后粘贴’12’
动态图(大家耐心等下):
这里写图片描述

这里日志为:

12-03 12:51:25.347 21082-21082/a.fmy.com.test D/FMY: beforeTextChanged 被执行----> s=love----start=1----after=2----count2
12-03 12:51:25.347 21082-21082/a.fmy.com.test E/FMY: beforeTextChanged---getSelectionStart: 3
12-03 12:51:25.347 21082-21082/a.fmy.com.test E/FMY: beforeTextChanged---getSelectionEnd: 3
12-03 12:51:25.348 21082-21082/a.fmy.com.test D/FMY: onTextChanged 被执行---->s=l12e----start=1----before=2----count2
12-03 12:51:25.348 21082-21082/a.fmy.com.test E/FMY: onTextChanged--getSelectionStart: 3
12-03 12:51:25.348 21082-21082/a.fmy.com.test E/FMY: onTextChanged---getSelectionEnd: 3
12-03 12:51:25.378 21082-21082/a.fmy.com.test D/FMY: afterTextChanged 被执行---->l12e
12-03 12:51:25.378 21082-21082/a.fmy.com.test E/FMY: afterTextChanged---getSelectionStart: 3
12-03 12:51:25.379 21082-21082/a.fmy.com.test E/FMY: afterTextChanged---getSelectionEnd: 3
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

这里我就简单说下光标位置的问题:因为替换相同长度的文本 所以光标并没有移动 位于选择的字符串+1的 位置 ,我们这里选择’ov’ 所以开始和结束为:3 (o的位置)

beforeTextChanged 日志解释:

12-03 12:51:25.347 21082-21082/a.fmy.com.test D/FMY: beforeTextChanged 被执行----> s=love----start=1----after=2----count2
12-03 12:51:25.347 21082-21082/a.fmy.com.test E/FMY: beforeTextChanged---getSelectionStart: 3
12-03 12:51:25.347 21082-21082/a.fmy.com.test E/FMY: beforeTextChanged---getSelectionEnd: 3
  • 1
  • 2
  • 3

start:文本开始位置,因为我们从’ov’的’o’开始改变所以为1(love中o不是相对是1嘛)
after:新文本增加的数量 因为增加了12所以两个字符就是2
count:原本旧字符串减少的数量 减少’ov’所以是2
其他的同学们可以自己推断

补充部分3

这里我们再看看替换不同长度的文本

我们这里 光标选择’ov’ 替换为’12345’(剪切板以保存)

这里写图片描述

12-03 13:01:25.735 21082-21082/a.fmy.com.test D/FMY: beforeTextChanged 被执行----> s=love----start=1----after=5----count2
12-03 13:01:25.735 21082-21082/a.fmy.com.test E/FMY: beforeTextChanged---getSelectionStart: 3
12-03 13:01:25.735 21082-21082/a.fmy.com.test E/FMY: beforeTextChanged---getSelectionEnd: 3
12-03 13:01:25.737 21082-21082/a.fmy.com.test D/FMY: onTextChanged 被执行---->s=l12345e----start=1----before=2----count5
12-03 13:01:25.737 21082-21082/a.fmy.com.test E/FMY: onTextChanged--getSelectionStart: 6
12-03 13:01:25.737 21082-21082/a.fmy.com.test E/FMY: onTextChanged---getSelectionEnd: 6
12-03 13:01:25.770 21082-21082/a.fmy.com.test D/FMY: afterTextChanged 被执行---->l12345e
12-03 13:01:25.770 21082-21082/a.fmy.com.test E/FMY: afterTextChanged---getSelectionStart: 6
12-03 13:01:25.770 21082-21082/a.fmy.com.test E/FMY: afterTextChanged---getSelectionEnd: 6
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

可以 替换字符串的时候光标 开始等于结束的

补充部分4 Editable

我们想直接操作文本编辑框的文本的时候 想快速插入和添加 可以考虑这个方法

我们看看两个例子 获取 文本编辑框中的字符串并且添加 ‘你好’在后面;
不使用Editable

 String s = editText.getText().toString();
        s +="你好";
        editText.setText(s);
  • 1
  • 2
  • 3

来我们看看使用Editable

 editText.getText().append("你好");
  • 1
  1. 我们看看怎么获取Editable
    非常简单只需要用文本编辑框调用getText()方法

     Editable text = editText.getText();
    • 1
  2. 相关API
    在文本编辑框后面添加字符串

     Editable editable = editText.getText();
            editable.append("你好");
    • 1
    • 2

    删除文本编辑框部分内容,假设你此时文本编辑框的内容’love’你想删除中间的ov

      Editable editable = editText.getText();
            //start为要删除文本的开始下标 end为结束下标(不包括)
            //也就是说 [start,end)
            //editable.delete(start,end);
            //注意end必须等于start 不然奔溃
            // 也就是 end>=start
            //我们看看删除love 中的ov
            editable.delete(1,3);
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8

    在文本编辑框中字符串的某个部分插入字符,假设我们的文本编辑框内容为’love’那么我们想插入 ‘a’到’o’后面也就是’loave’

 Editable editable = editText.getText();
        String a = "a";
        //love 插入o后面 o位置相对于字符的1
        //第一个参数 插入 的位置 
        // 第二个参数 要插入字符串
        // 第三个参数 插入的字符串的开始位置
        // 第四个参数 插入的字符串的结束位置(不包含)
        editable.insert(1,"a",0,a.length());
       // 下面方法和上面的等价
        //editable.insert(1,"a");
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
删除文本编辑框所有内容
  • 1
  • 2
  Editable editable = editText.getText();
        editable.clear();
  • 1
  • 2

替换文本编辑框部分内容
假设我们将文本框 ‘love’中”o”替换为”a” 也就是说’lave’

 Editable editable = editText.getText();
        //第一个参数 替换位置
        //第二个  替换结束为止(不包含)
        //第三个 替换的字符串
        editable.replace(1,2,"a");

        String a = "a";
        //第一个参数 替换位置
        //第二个  替换结束为止(不包含)
        //第三个 替换的字符串
        //第四个 替换文本的开始位置
        //第五个 替换文本结束位置 不包含
        editable.replace(1,2,"a",0,a.length());
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

评论

还没有任何评论,你来说两句吧