TextView टेक्स्ट में इमेज कैसे जोड़ें?

Question 1

मैंने Google पर चारों ओर खोज की है और इस साइट पर आया हूं, जहां मुझे एक प्रश्न के समान मिला, जिसमें एक TextViewपाठ में एक छवि कैसे शामिल की जाए , उदाहरण के लिए "नमस्ते मेरा नाम [छवि]" है , और इसका उत्तर यह था:

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

मैं इस कोड में जानना चाहूंगा,

मुझे संदर्भ में क्या लिखना या करना चाहिए?
क्या मैं text.setSpan()आयात या संदर्भ को पसंद करने के लिए कुछ करना चाहता हूं या इसे पाठ छोड़ दूं?

अगर कोई मेरे लिए इसे तोड़ सकता है जो बहुत सराहना की जाएगी।

Question 2

इसे इस्तेमाल करे ..

    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:maxLines="1"
        android:text="@string/name"/>

Question 3

कॉम / xyz / customandroid / TextViewWithImages जावा :

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

उपयोग:

में रेस / लेआउट / 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 कुछ के अलावा अन्य स्थान में कॉम / 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 और पुनः प्रयास करें ।16.png Res / drawable / folder में आइकन हैं

Question 4

मैंने कई अलग-अलग समाधानों की कोशिश की और यह मेरे लिए सबसे अच्छा था:

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

यह कोड न्यूनतम मेमोरी का उपयोग करता है।

Question 5

यह उत्तर इस उत्कृष्ट उत्तर पर 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>

Question 6

यह आंशिक रूप से @A बॉशमैन द्वारा ऊपर दिए गए पहले के उत्तर पर आधारित है । उस समाधान में, मैंने पाया कि छवि के इनपुट आकार ने इसकी क्षमता को बहुत प्रभावित कियाmakeImageSpan() को ठीक से केंद्र-संरेखित । इसके अतिरिक्त, मैंने पाया कि समाधान ने अनावश्यक लाइन रिक्ति बनाकर पाठ रिक्ति को प्रभावित किया।

मुझे बेसइमेजस्पैन (फेसबुक की फ्रेस्को लाइब्रेरी से) विशेष रूप से अच्छी तरह से काम करने के लिए मिला:

 /**
 * 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);
}

फिर spannable.setSpan()हमेशा की तरह अपने बेहतरImageSpan उदाहरण की आपूर्ति करें

Question 7

यह आपकी मदद कर सकता है

  SpannableStringBuilder ssBuilder;

        ssBuilder = new SpannableStringBuilder(" ");
        // working code ImageSpan image = new ImageSpan(textView.getContext(), R.drawable.image);
        Drawable image = ContextCompat.getDrawable(textView.getContext(), R.drawable.image);
        float scale = textView.getContext().getResources().getDisplayMetrics().density;
        int width = (int) (12 * scale + 0.5f);
        int height = (int) (18 * scale + 0.5f);
        image.setBounds(0, 0, width, height);
        ImageSpan imageSpan = new ImageSpan(image, ImageSpan.ALIGN_BASELINE);
        ssBuilder.setSpan(
                imageSpan, // Span to add
                0, // Start of the span (inclusive)
                1, // End of the span (exclusive)
                Spanned.SPAN_INCLUSIVE_EXCLUSIVE);// Do not extend the span when text add later

        ssBuilder.append(" " + text);
        ssBuilder = new SpannableStringBuilder(text);
        textView.setText(ssBuilder);