Question

我的即时通讯应用程序必须支持表情符号。它们是GIF并具有文本表示，如果用户选择其中一个，则在输入框中使用这些表示。但是我想在它们发送后将它们显示为图像。目前我的自定义数组适配器在一行的TextView中显示已发送的消息。

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

是否有更简单，更合乎逻辑的方式？

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;
}

Actualy此代码基于原生Html类的来源。

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

Answer 2

我会尝试使用正则表达式将每个表情符号的所有匹配项替换为<img>标记。然后，将该HTML转换为SpannedString via Html.fromHtml()。 SpannedString可以在setText() TextView的{{1}}电话中使用{{1}}。{/ 1}

在Android中显示表情符号

2 个答案: