背景

21世紀最受歡迎的交流方式------------表情！

思路

1. 解析表情
2. 匹配表情
3. 顯示表情

解析表情，使用正則表達式解析表情規則。
匹配表情，將表情匹配我們本地的資源 。
顯示表情，有兩種方式可以為TextView增加表情顯示，一種是使用SpannableString配置ImageSpan，另一種是使用Html的方式。

開始

規則：#(文字或符號)

粘貼代碼有bug，只能粘貼圖了.png

就這上面的圖，結果把

Paste_Image.png

轉換成了

Paste_Image.png

如下：

Pattern p = Pattern.compile("(#\\(([^#\\(\\) ]*?)\\))");
Matcher m = p.matcher(originString);

注意：
1、對于()要使用\\轉義，因為()在Pattern里是關鍵符號，表示分組，如上最外層的括號就是一個分組，對于正則表達式，每次使用的時候都得查下api，相關定義查閱。
2、請已第一張圖為準（還是agroup好用哇~）。

值得提一下的是，Matcher的方法有個groupCount，用來獲取表達式有多少個分組，這個分組不是匹配正則的數量分組，而是前面說的以()括起來的分組，千萬別進入誤區。

匹配：我們將表情匹配對應本地的資源，比如#(高興)對應成該表情的本地路徑或資源名稱

我將表情存放到assets文件夾中，表情對應路徑按照有序規則存放，這樣方便遍歷賦值。

private String[] emojiTextArray = {"呵呵", "哈哈", "吐舌", "啊？", "酷"};
<string-array name="emoji_text_array">
    <item>呵呵</item>
    <item>哈哈</item>
    <item>吐舌</item>
    <item>啊？</item>
    <item>酷</item>
</string-array>

我這里簡便的硬編碼了，最好抽成資源到string.xml中。

private final String PREFIX = "emoji/face/image_editoricon";
private final String SUFFIX = "@2x.png";

由于我的資源規則一定的，所以我定義規則，方便遍歷。

public List<EmojiData> getEmojiList() {
    List<EmojiData> emojiDatas = new ArrayList<>();
    EmojiData emojiData;
    int index = 1;
    for (String text : emojiTextArray) {
        emojiData = new EmojiData();
        emojiData.text = text;
        emojiData.path = PREFIX + index + SUFFIX;
        emojiDatas.add(emojiData);
        index++;
    }
    return emojiDatas;
}

一定要保證你的字符串資源與存放到本地的資源數量相同，否則會出現找不到資源的問題，這里最好也增加對應本地資源數量的判斷。

顯示

ImageSpan

主要是采用下標及drawable替換下標范圍內的文字為drawable。

List<EmojiData> emojiDatas = getEmojiList();
    String key;

    SpannableString destString = new SpannableString(originString);
    while (m.find()) {
        key = originString.substring(m.start(), m.end());
        String innerKey = key.substring(2, key.length() -1);
        ImageSpan imageSpan = null;
        for (EmojiData emojiData : emojiDatas) {
            if (innerKey.equals(emojiData.text)) {
                Drawable drawable =          getImageFromAssetsFile(emojiData.path);
                if (drawable != null) {
                    drawable.setBounds(0, 0, BaseApplication.getInst().getResources().getDimensionPixelSize(R.dimen.ds40),
                            BaseApplication.getInst().getResources().getDimensionPixelSize(R.dimen.ds40));
                    imageSpan = new ImageSpan(drawable);
                }
                break;
            }
        }
        if (imageSpan != null) {
            destString.setSpan(imageSpan, m.start(), m.end(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
        }
    }

Html

主要是使用html的<img>標簽

List<EmojiData> emojiDatas = getEmojiList();
    String key;
    Map<String, String> map = new HashMap<>();
    String value = "";
    while (m.find()) {
        key = originString.substring(m.start(), m.end());
        String innerKey = key.substring(2, key.length() -1);
        for (EmojiData emojiData : emojiDatas) {
            if (innerKey.equals(emojiData.text)) {
                value = key.replace(key, "![](" + emojiData.path + ")");
                break;
            }
        }
        map.put(key, value);
    }

    for (String tempKey : map.keySet()) {
        originString = originString.replace(tempKey, map.get(tempKey));
    }

    CharSequence destString = Html.fromHtml(originString, new Html.ImageGetter() {
        @Override
        public Drawable getDrawable(String source) {
            Drawable drawable = getImageFromAssetsFile(source);
            drawable.setBounds(0, 0, BaseApplication.getInst().getResources().getDimensionPixelSize(R.dimen.ds40),
                    BaseApplication.getInst().getResources().getDimensionPixelSize(R.dimen.ds40));
            return drawable;
        }
    }, null);

兩者的差別在于Html多了一步解析的過程。