it-swarm.com.ru

Как добавить изображение в текст TextView?

Я искал вокруг в Google и наткнулся на этот сайт, где я нашел вопрос, похожий на мой, в котором, как включить изображение в текст TextView, например "привет, меня зовут [изображение]" , и Ответ был такой:

ImageSpan is = new ImageSpan(context, resId);
text.setSpan(is, index, index + strLength, 0);

Я хотел бы знать в этом коде,

  1. Что я должен печатать или делать в контексте?
  2. Я должен сделать что-то с text.setSpan(), например import или reference, или оставить текст?

Если кто-то может сломать это для меня, это будет высоко ценится.

69
Cranosaur

Попробуй это ..

    txtview.setCompoundDrawablesWithIntrinsicBounds(
                    R.drawable.image, 0, 0, 0);

Также смотрите это .. http://developer.Android.com/reference/Android/widget/TextView.html

Попробуйте это в XML-файле 

    <TextView
        Android:id="@+id/txtStatus"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:layout_gravity="center"
        Android:drawableLeft="@drawable/image"
        Android:drawablePadding="5dp"
        Android:singleLine="true"
        Android:text="@string/name"/>
175
Umesh Lakhani

com/xyz/customandroid/TextViewWithImages.Java:

import Java.util.regex.Matcher;
import Java.util.regex.Pattern;

import Android.content.Context;
import Android.text.Spannable;
import Android.text.style.ImageSpan;
import Android.util.AttributeSet;
import Android.util.Log;
import Android.widget.TextView;

public class TextViewWithImages extends TextView {

    public TextViewWithImages(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }
    public TextViewWithImages(Context context, AttributeSet attrs) {
        super(context, attrs);
    }
    public TextViewWithImages(Context context) {
        super(context);
    }
    @Override
    public void setText(CharSequence text, BufferType type) {
        Spannable s = getTextWithImages(getContext(), text);
        super.setText(s, BufferType.SPANNABLE);
    }

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

    private static boolean addImages(Context context, Spannable spannable) {
        Pattern refImg = Pattern.compile("\\Q[img src=\\E([a-zA-Z0-9_]+?)\\Q/]\\E");
        boolean hasChanges = false;

        Matcher matcher = refImg.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;
            }
        }
        String resname = spannable.subSequence(matcher.start(1), matcher.end(1)).toString().trim();
        int id = context.getResources().getIdentifier(resname, "drawable", context.getPackageName());
        if (set) {
            hasChanges = true;
            spannable.setSpan(  new ImageSpan(context, id),
                                matcher.start(),
                                matcher.end(),
                                Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
                             );
        }
    }

        return hasChanges;
    }
    private static Spannable getTextWithImages(Context context, CharSequence text) {
        Spannable spannable = spannableFactory.newSpannable(text);
        addImages(context, spannable);
        return spannable;
    }
}

Использование:

в res/layout/mylayout.xml:

            <com.xyz.customandroid.TextViewWithImages
                Android:layout_width="wrap_content"
                Android:layout_height="wrap_content"
                Android:textColor="#FFFFFF00"
                Android:text="@string/can_try_again"
                Android:textSize="12dip"
                style=...
                />

Обратите внимание, что если вы поместите TextViewWithImages.Java в другое место, отличное от com/xyz/customandroid/, вы также должны изменить имя пакета, com.xyz.customandroid выше.

в res/values ​​/ strings.xml:

<string name="can_try_again">Press [img src=ok16/] to accept or [img src=retry16/] to retry</string>

где ok16.png и retry16.png - значки в папке res/drawable/

67
18446744073709551615

Этот ответ основан на этот отличный ответ by 18446744073709551615 . Их решение, хотя и полезно, не вписывает размер изображения в окружающий текст. Он также не устанавливает цвет значка для окружающего текста. 

В приведенном ниже решении используется белый квадратный значок, который соответствует размеру и цвету окружающего текста.

public class TextViewWithImages extends TextView {

    private static final String DRAWABLE = "drawable";
    /**
     * Regex pattern that looks for embedded images of the format: [img src=imageName/]
     */
    public static final String PATTERN = "\\Q[img src=\\E([a-zA-Z0-9_]+?)\\Q/]\\E";

    public TextViewWithImages(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    public TextViewWithImages(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public TextViewWithImages(Context context) {
        super(context);
    }

    @Override
    public void setText(CharSequence text, BufferType type) {
        final Spannable spannable = getTextWithImages(getContext(), text, getLineHeight(), getCurrentTextColor());
        super.setText(spannable, BufferType.SPANNABLE);
    }

    private static Spannable getTextWithImages(Context context, CharSequence text, int lineHeight, int colour) {
        final Spannable spannable = Spannable.Factory.getInstance().newSpannable(text);
        addImages(context, spannable, lineHeight, colour);
        return spannable;
    }

    private static boolean addImages(Context context, Spannable spannable, int lineHeight, int colour) {
        final Pattern refImg = Pattern.compile(PATTERN);
        boolean hasChanges = false;

        final Matcher matcher = refImg.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;
                }
            }
            final String resName = spannable.subSequence(matcher.start(1), matcher.end(1)).toString().trim();
            final int id = context.getResources().getIdentifier(resName, DRAWABLE, context.getPackageName());
            if (set) {
                hasChanges = true;
                spannable.setSpan(makeImageSpan(context, id, lineHeight, colour),
                        matcher.start(),
                        matcher.end(),
                        Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
                );
            }
        }
        return hasChanges;
    }

    /**
     * Create an ImageSpan for the given icon drawable. This also sets the image size and colour.
     * Works best with a white, square icon because of the colouring and resizing.
     *
     * @param context       The Android Context.
     * @param drawableResId A drawable resource Id.
     * @param size          The desired size (i.e. width and height) of the image icon in pixels.
     *                      Use the lineHeight of the TextView to make the image inline with the
     *                      surrounding text.
     * @param colour        The colour (careful: NOT a resource Id) to apply to the image.
     * @return An ImageSpan, aligned with the bottom of the text.
     */
    private static ImageSpan makeImageSpan(Context context, int drawableResId, int size, int colour) {
        final Drawable drawable = context.getResources().getDrawable(drawableResId);
        drawable.mutate();
        drawable.setColorFilter(colour, PorterDuff.Mode.MULTIPLY);
        drawable.setBounds(0, 0, size, size);
        return new ImageSpan(drawable, ImageSpan.ALIGN_BOTTOM);
    }

}

Как пользоваться:

Просто вставьте ссылки на нужные значки в тексте. Неважно, задан ли текст программно с помощью textView.setText(R.string.string_resource); или установлен в xml.

Чтобы встроить нарисованный значок с именем example.png, включите в текст следующую строку: [img src=example/].

Например, строковый ресурс может выглядеть так:

<string name="string_resource">This [img src=example/] is an icon.</string>
10
A Boschman

Я пробовал много разных решений, и это для меня было лучшим:

SpannableStringBuilder ssb = new SpannableStringBuilder(" Hello world!");
ssb.setSpan(new ImageSpan(context, R.drawable.image), 0, 1, Spannable.SPAN_INCLUSIVE_INCLUSIVE);
tv_text.setText(ssb, TextView.BufferType.SPANNABLE);

Этот код использует минимум памяти.

9
Pavel Kataykin

Это частично основано на этом более раннем ответе @A Boschman . В этом решении я обнаружил, что входной размер изображения сильно влияет на способность makeImageSpan() правильно выровнять изображение по центру. Кроме того, я обнаружил, что решение влияет на межстрочный интервал, создавая ненужный межстрочный интервал. 

Я нашел BaseImageSpan (из библиотеки Facebook Fresco), чтобы сделать работу особенно хорошо:

 /**
 * Create an ImageSpan for the given icon drawable. This also sets the image size. Works best
 * with a square icon because of the sizing
 *
 * @param context       The Android Context.
 * @param drawableResId A drawable resource Id.
 * @param size          The desired size (i.e. width and height) of the image icon in pixels.
 *                      Use the lineHeight of the TextView to make the image inline with the
 *                      surrounding text.
 * @return An ImageSpan, aligned with the bottom of the text.
 */
private static BetterImageSpan makeImageSpan(Context context, int drawableResId, int size) {
    final Drawable drawable = context.getResources().getDrawable(drawableResId);
    drawable.mutate();
    drawable.setBounds(0, 0, size, size);
    return new BetterImageSpan(drawable, BetterImageSpan.ALIGN_CENTER);
}

Затем передайте свой экземпляр betterImageSpan в spannable.setSpan() как обычно

0
kip2