android 仿微博评论编辑框_Android仿新浪微博加＃话题的EditText实现

需求

产品上线了，项目差不多算是稳定下来了，接下来就是一个个的版本迭代了。这周又增加了几个新功能，其中一个就是题目中讲的，要仿新浪微博(如下图)的输入框里的文字效果。作为整体的字体两边是井号，并且包括井号要变色，删除的时候，当光标到右侧的井号，再次点击删除的时候，会将井号包裹的内容作为一个整体删除掉，同时焦点不能在变色的字符之间，也就是说当点击变色的字符时，光标会自动地落在井号两侧。

拆分问题

看上去是一个挺简单合理的需求，随便一想，这不就是字符串匹配嘛！可是实际行动起来，就会发现各种坑爹问题，远不是想象中的那么简单。我这做下来的感受是，必须要有一个明确清晰的思路，总结下来，其实可以分为下面几个步骤。

首先，新浪微博这个功能的入口是，点击井号，进入到新的界面里选择字符串，然后自动添加到 EditText 框里，我们要实现这样一个 Demo ，也没必要进入新的界面，直接做一个按钮，点击添加即可；

然后，需要明确的一点是，在 Android 提供的原生的 API 里，删除动作，一次只能删掉一个字符，而无法删除批量的字符，一次只能删除一个 letter ，而不是一个 word ，删除动作是我们这个课题的关键所在；

处理完了增加和删除字符串功能，接着就是匹配符合规则的字符串做变色处理了；

再接着就是处理点击字符串，光标的所处位置的问题；

完善需要补充和修改的细节。

通过以上五个步骤将课题拆分为四个小问题，然后再去一一解决即可。

添加字符串

这一步基本上算是最简单的一步了。我们只需要做到点击一个 button ，将字符串 append 到 EditText 里就可以了。当然，为了让我们的操作更加有广泛的适用性，单纯地增加字符串就有点太不够看了，而实际应用里，这样做基本上也没有什么意义。

我们要做的就是，创建一个实体类，而这个字符串作为一个值，所对应的变量就是这个实体类的成员变量，我们通过不断往实体类集合里添加 new 出来的对象，来往 EditText 里追加字符串。同时，这样做还有一个好处就是，实际应用里，往往伴随字符串使用的可能还有其他的变量，要处理与字符串一一对应的其他变量，最好的方法就是在增加和删除字符串的同时，将字符串对应变量所在实体从实体集合中移除掉。

下面就是我的实体类：

/** 实体类 */

public class BookEntity implements Serializable {

private static final long serialVersionUID = 1L;

private String bookId;

private String bookName;

public BookEntity(String bookName, int bookId) {

super();

this.bookName = bookName;

this.bookId = bookId;

}

public String getBookId() {

return bookId;

}

public void setBookId(String bookId) {

this.bookId = bookId;

}

public String getBookName() {

return bookName;

}

public void setBookName(String bookName) {

this.bookName = bookName;

}

}

添加字符操作：

/** 执行增加字符串的操