SpannableString 开发表情功能时遇到的问题 Spanned 4个flag的作用

本文转载自佩普二世的专栏，原始出处。
也是我开发过程中遇到的问题，所以记录下来
最近在做聊天表情输入的时候，遇到了一个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