在Android中显示表情符号

Question

我的即时通讯应用需要支持表情符号。它们是GIF并且有文本表示，在用户选择其中一个后，将用于输入框。但我希望在发送后将它们显示为图像。目前，我的自定义数组适配器将已发送消息显示在行的TextView中。

根据表情符号文本出现的频率动态显示图像的正确方法是什么？我必须搜索表情符号文本，如果找到一个，则从布局中删除TextView（RelativeLayout最合适？），并添加一个TextView与IM开头、一个ImageView以及另一个TextView。如果同时发送更多的表情符号，则可能会很混乱。

是否存在更简单和更合理的方法？

- Diepie

---

我正在这里做类似的事情!!! https://dev59.com/IGQn5IYBdhLWcg3wg3eR - Etienne Lawlor

Answer 1

我认为构建Spannable会更有用。

private static final Factory spannableFactory = Spannable.Factory
        .getInstance();

private static final Map<Pattern, Integer> emoticons = new HashMap<Pattern, Integer>();

static {
    addPattern(emoticons, ":)", R.drawable.emo_im_happy);
    addPattern(emoticons, ":-)", R.drawable.emo_im_happy);
    // ...
}

private static void addPattern(Map<Pattern, Integer> map, String smile,
        int resource) {
    map.put(Pattern.compile(Pattern.quote(smile)), resource);
}

public static boolean addSmiles(Context context, Spannable spannable) {
    boolean hasChanges = false;
    for (Entry<Pattern, Integer> entry : emoticons.entrySet()) {
        Matcher matcher = entry.getKey().matcher(spannable);
        while (matcher.find()) {
            boolean set = true;
            for (ImageSpan span : spannable.getSpans(matcher.start(),
                    matcher.end(), ImageSpan.class))
                if (spannable.getSpanStart(span) >= matcher.start()
                        && spannable.getSpanEnd(span) <= matcher.end())
                    spannable.removeSpan(span);
                else {
                    set = false;
                    break;
                }
            if (set) {
                hasChanges = true;
                spannable.setSpan(new ImageSpan(context, entry.getValue()),
                        matcher.start(), matcher.end(),
                        Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
            }
        }
    }
    return hasChanges;
}

public static Spannable getSmiledText(Context context, CharSequence text) {
    Spannable spannable = spannableFactory.newSpannable(text);
    addSmiles(context, spannable);
    return spannable;
}

实际上，这段代码是基于原生的Html类的源代码。

编辑：更新版本有显著的速度提升。

- A-IV

---

如果您使用entry.getValue().getConstantState().newDrawable()来获取每个外观的可绘制副本，那么整个内部_for_循环和删除先前跨度似乎是不必要的。 - Gábor

Answer 2

我建议使用正则表达式替换每个表情符号的所有出现，并用<img>标签替换它们。然后，通过Html.fromHtml()将HTML内容转换为SpannedString类型。最后，可以使用TextView.setText()方法将SpannedString对象设置为文本视图的内容。

- CommonsWare

---

能否请您帮忙将这个“5794d5f7895fa10a8f8e1357”转换成表情符号？请@CommonWare帮帮我，谢谢。 - Ravindra Kushwaha