web-dev-qa-db-ja.com

Androidでの絵文字の表示

私のIMアプリは絵文字をサポートする必要があります。これらはGIFであり、ユーザーがいずれかを選択した場合に入力ボックスで使用されるテキスト表現があります。しかし、私はそれらが送信された後に画像として表示したいと思います。現在、私のカスタム配列アダプターは、送信されたメッセージを行のTextViewに表示します。

テキスト表現の出現に基づいて動的に画像を表示する適切な方法は何ですか？絵文字テキストを検索する必要があります。見つかった場合は、レイアウトからTextViewを削除し（relativeLayoutが最も適していますか？）、IMの先頭のTextView、絵文字のあるImageView、および別のTextViewを追加します。絵文字が同時に送信されると、面倒になる可能性があります。

より簡単でより論理的な方法はありますか？

androiddynamicimageviewemoticons
36
Diepie

正規表現を使用して、各絵文字のすべての出現箇所を_<img>_タグで置き換えてみます。次に、そのHTMLをSpannedStringHtml.fromHtml() に変換します。そのSpannedStringはTextViewのsetText()呼び出しで使用できます。

39
CommonsWare

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クラスのソースに基づいています。

編集：更新されたバージョンでは、速度が劇的に向上しています。

120
A-IV