背景
21世紀(jì)最受歡迎的交流方式------------表情痛垛！
思路
- 解析表情
- 匹配表情
- 顯示表情
解析表情，使用正則表達(dá)式解析表情規(guī)則奏瞬。
匹配表情侄刽，將表情匹配我們本地的資源 。
顯示表情鹊汛，有兩種方式可以為TextView增加表情顯示蒲赂，一種是使用SpannableString配置ImageSpan，另一種是使用Html的方式刁憋。
開始
規(guī)則：#(文字或符號)
就這上面的圖，結(jié)果把
轉(zhuǎn)換成了
如下：
Pattern p = Pattern.compile("(#\\(([^#\\(\\) ]*?)\\))");
Matcher m = p.matcher(originString);
注意：
1至耻、對于()要使用\\轉(zhuǎn)義若皱，因?yàn)?)在Pattern里是關(guān)鍵符號，表示分組尘颓，如上最外層的括號就是一個(gè)分組走触，對于正則表達(dá)式，每次使用的時(shí)候都得查下api疤苹，相關(guān)定義查閱互广。
2、請已第一張圖為準(zhǔn)（還是agroup好用哇~）卧土。
值得提一下的是惫皱，Matcher的方法有個(gè)groupCount，用來獲取表達(dá)式有多少個(gè)分組夸溶，這個(gè)分組不是匹配正則的數(shù)量分組逸吵，而是前面說的以()括起來的分組，千萬別進(jìn)入誤區(qū)缝裁。
匹配：我們將表情匹配對應(yīng)本地的資源扫皱，比如#(高興)對應(yīng)成該表情的本地路徑或資源名稱
我將表情存放到assets文件夾中，表情對應(yīng)路徑按照有序規(guī)則存放捷绑，這樣方便遍歷賦值韩脑。
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";
由于我的資源規(guī)則一定的加缘，所以我定義規(guī)則，方便遍歷觉啊。
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;
}
一定要保證你的字符串資源與存放到本地的資源數(shù)量相同拣宏，否則會(huì)出現(xiàn)找不到資源的問題，這里最好也增加對應(yīng)本地資源數(shù)量的判斷杠人。
顯示
ImageSpan
主要是采用下標(biāo)及drawable替換下標(biāo)范圍內(nèi)的文字為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>標(biāo)簽
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多了一步解析的過程。
