美文网首页
SpannableString 开发表情功能时遇到的问题 Spa

SpannableString 开发表情功能时遇到的问题 Spa

作者: dasamanren | 来源:发表于2018-08-08 14:06 被阅读0次

    本文转载自佩普二世的专栏,原始出处
    也是我开发过程中遇到的问题,所以记录下来
    最近在做聊天表情输入的时候,遇到了一个bug:在已经输入的两个表情中间输入文字时,文字不显示出来,但是实际发送的时候却发送出去了这些文字。

    比如:我要在下面的两个表情中间插入文字“abc”。

    下图是编辑时候的情形,定位输入焦点到两个表情的中间处,输入“abc”,但是没显示出来

    20150112165245013.png

    下图是发送完毕后,显示在消息列表的内容。

    20150112165515007.png

    原因是:表情部分是用SpannableString实现的,关键是在 setSpan 时指定了错误的flag。

    一般有以下四种:

    Spanned.SPAN_EXCLUSIVE_EXCLUSIVE --- 不包含两端start和end所在的端点
    Spanned.SPAN_EXCLUSIVE_INCLUSIVE --- 不包含端start,但包含end所在的端点
    Spanned.SPAN_INCLUSIVE_EXCLUSIVE --- 包含两端start,但不包含end所在的端点
    Spanned.SPAN_INCLUSIVE_INCLUSIVE--- 包含两端start和end所在的端点

    其实这4个flag在用于不可编辑的控件中时,效果是一样的,可以随便用。

    但是在EditText等可以编辑的控件中使用时,就会有区别。

    对一个SpannableString的编辑有两种情况:在它的开始或结尾处插入新的内容。

    Spanned.SPAN_EXCLUSIVE_EXCLUSIVE:新插入的内容与原来的SpannableString独立存在,不混合在一起。

    Spanned.SPAN_EXCLUSIVE_INCLUSIVE:在结尾处插入新内容时,会与原来的SpannableString混合在一起,组成一个新的SpannableString

    Spanned.SPAN_INCLUSIVE_EXCLUSIVE:在开始处插入新内容时,会与原来的SpannableString混合在一起,组成一个新的SpannableString

    Spanned.SPAN_INCLUSIVE_INCLUSIVE:在开始或结尾处处插入新内容时,会与原来的SpannableString混合在一起,组成一个新的SpannableString

    了解了以上知识,就知道出现上述bug的原因了,因为我原来使用的是Spanned.SPAN_INCLUSIVE_EXCLUSIVE,插入”abc“时,与第二个SpannableString组合成了一个新的SpannableString,所以它的字符不会显示出来。

    解决办法:使用Spanned.SPAN_EXCLUSIVE_EXCLUSIVE,使得新插入的内容与原来的SpannableString独立存在,不混合在一起。那么就会显示下面所要的结果了:


    20150113100443035.png

    相关文章

      网友评论

          本文标题:SpannableString 开发表情功能时遇到的问题 Spa

          本文链接:https://www.haomeiwen.com/subject/mzatbftx.html