Отображение смайликов в Android - PullRequest
Новая
       4

Отображение смайликов в Android

36 голосов
/ 27 июля 2010

Мое приложение чата должно поддерживать смайлики. Они представляют собой GIF-файлы и имеют текстовые представления, которые используются в поле ввода, если пользователь выбирает один из них. Но я хотел бы отображать их как изображения после их отправки. В настоящее время мой настраиваемый адаптер массива отображает отправленное сообщение в TextView строки.

Каков правильный метод для динамического отображения изображений в зависимости от их текстового представления? Нужно ли искать тексты смайликов и, если он найден, удалить TextView из макета (относительный размер подходит больше всего?) И добавить TextView с началом IM, ImageView с смайликом и другой TextView. Если одновременно отправлять больше смайликов, это может быть грязно.

Есть ли более простой и логичный способ?

Ответы [ 2 ]

120 голосов
/ 29 ноября 2010

Думаю, было бы полезнее построить 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 класса.

Редактировать: Обновленная версия имеет значительное улучшение скорости.

39 голосов
/ 27 июля 2010

Я бы попробовал использовать регулярное выражение для замены всех вхождений каждого смайлика на тег <img>.Затем преобразуйте этот HTML в SpannedString через Html.fromHtml().Это SpannedString может быть использовано в setText() вызове на TextView.

...